是否从URL根上方延伸的相对路径提供CSS?

时间:2019-05-09 05:21:10

标签: html css browser cross-browser

我在以下位置有一个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

1 个答案:

答案 0 :(得分:1)

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

这里的问题是,您正在给html指向css文件的链接。结果,当在客户端处理html时,它没有访问服务器公共目录之外的任何文件的权限(并且不能给出)。