Question

我有一个简单的html文件（尝试以代客开始），其中有一个<link rel="stylesheet" href="./css/main.css">

问题是，home.test / app没有显示我样式的htm。 Chrome浏览器的检查器显示它试图在home.test/css/main.css上找到资源文件
在home.test / app /中时，其样式已设置。我已经搜索了一个原因/解决方法已有一段时间了，而我却无法解决这个问题。

我尝试将Statamic的代客驱动程序配置复制为www.conf文件，但收效甚微。此外，香港专业教育学院看到了一些重写方法，如

rewrite ^/(.*)/$ /$1 permanent;
rewrite ^/?(.*)$ /$1 break;

也没有成功

我想访问home.test / app并加载所有必需的文件，并在可能的情况下将home.test / app /重定向到home.test / app并删除尾部斜杠

Answer 1

问题很可能归因于链接的href中使用./。您告诉服务器“从我当前的文件夹位置从文件夹/css/main.css抓取我的文件。

假设您的文件夹结构为：

   /index.php
   /css/main.css
   /app/index.php

在主页上时，您说的是去找home.test/css/main.css。但是，在app文件夹中时，您是在告诉服务器去检索home.test/app/css/main.css，而不是home.test/css/main.css。

最快的解决方案是将链接更改为<link rel="stylesheet" href="/css/main.css">（摆脱开头的.）。否则，您可以使用绝对路径。