ThinkPHP5框架引入的css等外部资源文件没有生效

更新时间:2023-04-07 12:32:39 阅读：评论：0

静态资源文件一般是放在public目录里，不只是css，只要是静态资源文件都没有显示出来。
（更好的阅读体验可访问）

问题陈述

文件结构

文件内容

三个文件分别为：index.php、test.html、test.css

//index.p电影大学hp<?phpnamespace app\index\controller;u think\controller;class index ext溥希来ends controller{    public function index()    {        return $this->fetch();    }}

<!--index.html--><!doctype html><html lang="en"><head>    <meta chart="utf-8">    <title>this is the test</title>    <link rel="stylesheet" href="/static/test.css"></head><body>    <h1>hello world</h1></body&个人理财投资gt;</html>

/*test.css*/h1 {    color: red;}

为了方便问题陈述，使用了虚拟主机。集成环境为xampp，不使用也可，本质上都是一样的。不能配置虚拟主机可参考最后的方法

虚拟主机的配置

找到服务器 apache\conf\extra\httpd-vhosts.conf 文件，配置以下内容

最重要的就是标记的两行，可见我把服务器名（rvername）test.io 映射到了我的项目文件 test目录配置host文件，完成域名 test.io 到本地服务器 127.0.0.1 的映射
用管理员打开 c:\windows\system32\drivers\etc\hosts 文件，在末尾添加重启服务器，在浏览器输入就直接访问到了我们的test项目文件。

出现的问题

也就才开始显示出本文的重点：我们之前引入的 test.css 没有生效

原因分析

我们在引入 css 文件的时候，使用的是<link rel="stylesheet"婚前试爱经典台词 href="/static/test.css">
可见，我们默认是把 public目录作为根目录来使用的（ /static 在 public 目录下）
而我们在配置虚拟主机的时候，使用的是documentroot "c:/xampp/htdocs/www/test/" 是把 test 项目文件作为根目录使用。代码使用的根目录与项目实际根目录不在同一位置。所以，引入的文件不能正确的显示出来。