公用文件夹的相对路径导致找不到css文件的404

时间:2016-08-03 13:44:52

标签: angular angular-cli

我在index.html中有一个css文件的链接:

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">

该链接指向我的public /目录中的目录。

当我导航到我的应用的根网址时,一切都很好。

但是当我手动导航到另一个网址时(通过浏览器地址栏 - (即/ session-info)。文件未加载。

GET http://localhost:4200/session-info/font-awesome/css/font-awesome.min.css 404 (Not Found)

从另一个URL开始时,似乎混淆了相对路径。有没有人知道这方面的解决方案?

2 个答案:

答案 0 :(得分:1)

只需在css的乞讨处添加/。

<link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet">

答案 1 :(得分:0)

尝试添加&#34; ./"在你的文件路径前面。例如,我的css按此顺序排列&#34; PROJECT&gt; app&gt; css&gt; index.css&#34;所以我的href看起来像这样。

  

HREF =&#34; ./应用程序/ CSS / index.css&#34;

所有你应该有这样的东西......

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