XAMPP 不加载 CSS 文件

Posted

技术标签:

【中文标题】XAMPP 不加载 CSS 文件【英文标题】:XAMPP not loading CSS files 【发布时间】:2021-12-21 21:23:39 【问题描述】: 我在虚拟机上运行 Ubuntu。 我安装了 XAMPP。 htdocs 是根目录。 有问题的文件:htdocs/index.php CSS 目录:htdocs/css/htdocs/lib/

当我在搜索栏中输入“https://localhost/home/index.php”时,只会加载 html

我已经在 Windows 上运行 XAMPP 一年多了,从未遇到任何问题。

我已经在网上尝试了几种解决方案,但都没有任何作用。

htdocs/index.php:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Template</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="" name="keywords">
        <meta content="" name="description">

        <!-- Favicons -->
        <link href="img/favicon.png" rel="icon">
        <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">

        <!-- Bootstrap CSS File -->
        <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

        <!-- Libraries CSS Files -->
        <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="lib/animate/animate.min.css" rel="stylesheet">
        <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

        <!-- Main Stylesheet File -->
        <link href="css/style.css" rel="stylesheet">

        <!-- =======================================================
        Theme Name: Template
        Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
        Author: BootstrapMade.com
        License: https://bootstrapmade.com/license/
        ======================================================= -->
    </head>

    <body>

这是一个小问题。任何帮助将不胜感激。

【问题讨论】:

【参考方案1】:

您是否尝试过重置浏览器缓存?

快捷键是 SHIFT + F5

【讨论】:

【参考方案2】:

您可能正在使用浏览器缓存?也许只是尝试一下 CTRL+F5 硬刷新(对不起,如果这很明显,请尝试一下

您可以在链接 Css 时使用它:

<link href="style.css?<?=filemtime("style.css")?>" rel="stylesheet" type="text/css" />

【讨论】:

以上是关于XAMPP 不加载 CSS 文件的主要内容,如果未能解决你的问题,请参考以下文章

使用 xampp 在 mac os x 上加载 css 和 jquery 文件时出现错误 403

JavaScript 未在 XAMPP 本地主机上加载

XAMPP:无法从智能手机(iPhone)加载访问 url 的资源

Javascript未在在线网站上加载,但在本地加载xampp

使用 Xampp 加载 Zend 加载程序失败

XAMPP 如何加载 mod_expires