html - 从 URL 根之上扩展的相对路径提供 CSS？

Question

我有一个 html 文件:

src/test/html/index.html

和 css:

src/test/css/index.css

通过执行以下操作从 html 文件加载 CSS:

<link rel="stylesheet" type="text/css" href="../css/index.css">

这在我从根元素目录运行 http-server 并导航到页面时有效:

http://127.0.0.1:8080/target/test/html/

但是当提供 html 目录内容时，index.html 像这样出现在根目录中:

http://127.0.0.1:8080

CSS 未加载。我假设这是因为浏览器不理解导航(实际上我们试图在根路径/之外导航)。

有没有办法在不移动文件的情况下解决这个问题，这样 CSS 将通过这个 URL 提供服务:

http://127.0.0.1:8080

Answer 1

Html、Javascript 和 CSS 是“客户端语言”。在客户端机器上运行。 PHP、ASP、Ruby 等是在服务器上运行的服务器端语言。

这里的问题是您给 html 提供了指向 css 文件的链接。结果，当在客户端处理 html 时，它没有权限(也不能被授予)访问服务器上公共(public)目录之外的任何文件。