为什么我的样式表被加载到除了一个页面之外的所有其他页面,我在该页面上得到404样式表文件

时间:2017-09-29 06:54:07

标签: javascript jquery html css twitter-bootstrap

我希望你们都做得很好,我遇到了这个疯狂的问题,我正在做出我的前端反应,我的应用程序中有几个页面,所有页面的css只在一个文件中定义而我从主HTML文档中加载它(不反应组件)。加载了所有页面的CSS但不是一个特定页面,该页面的链接是通过sendgrid通过电子邮件发送的,当我浏览页面时,我得到404样式表和引导文件。

这就是我从HTML文档加载样式表的方式,该文档承载了响应的根组件。

<html>
  <head>

<link rel="stylesheet" href="app/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="app/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="app/assets/css/style.css">
  </head>
  <body>
     <div id="app-root"></div>

     <script src="/app/bundle.js"></script>
  </body>
</html>

以下是使用css加载的页面的网络统计信息的屏幕截图。 page loaded with css

页面无法加载CSS,其CSS链接与之前的CSS文件链接相同。

page failed to load with css

这里似乎有什么问题,谢谢大家,花时间读出来。

1 个答案:

答案 0 :(得分:3)

尝试这样做

<link rel="stylesheet" href="/app/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="/app/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/app/assets/css/style.css">