XAMPP 不加载 CSS 文件答案

【问题标题】：XAMPP not loading CSS filesXAMPP 不加载 CSS 文件
【发布时间】：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>

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

【问题讨论】：

标签： html css apache xampp htdocs

【解决方案1】：

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

快捷键是 SHIFT + F5

【讨论】：

【解决方案2】：

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

或

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

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

【讨论】：