我希望你们都做得很好,我遇到了这个疯狂的问题,我正在 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,其 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/