从延伸到 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是'client side languages.'客户端机器上的运行。 PHP、ASP、Ruby 等是服务器端语言，在服务器上运行。

这里的问题是您将 html 和 link 赋给了 css 文件。因此，当在客户端处理 html 时，它没有权限（也无法被授予）访问服务器上 public 目录之外的任何文件。

Serving CSS from relative paths that extends above the URL root?