javascript - 为什么除了一页之外的所有其他页面都会加载我的样式表,该页面上的样式表文件出现 404 错误

标签 javascript jquery html css twitter-bootstrap

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

这就是我从托管 React 根组件的 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 文件链接与前一个页面相同。

page failed to load with css

这里似乎有什么问题,谢谢大家抽出时间阅读本文。

最佳答案

尝试这样做

<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">

关于javascript - 为什么除了一页之外的所有其他页面都会加载我的样式表,该页面上的样式表文件出现 404 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46483327/

相关文章:

javascript - 如果不发送数据,Ajax 请求将无法工作

javascript - Firestore - 根据技能获取用户

javascript - 为什么我在 Asp :LinkButton in Firefox? 的 .Click() 事件中收到错误

javascript - Google 的 Places API 和 JQuery 请求 - 来源 http ://localhost is not allowed by Access-Control-Allow-Origin

javascript - 如何为 Canvas 点创建简单和高级的工具提示

javascript - jQuery 验证 - 多组

javascript - 无需重新加载页面的数组中的 PHP 随机值

javascript - Javascript 循环中使用最后一个参数的 jQuery 单击绑定(bind)函数

html - 为 H1 和 H2 标签添加 margin-left

html - 使用CSS向文本扩展/折叠添加过渡