VUEJS 组件将我的显示路由添加到他们的 get 调用中，我怎样才能让我的 journals/:id 页面工作。 哑剧错误

Question

我收到 Mime 类型错误：拒绝应用来自“http://localhost:8080/journals/assets/css/main.css”的样式，因为它的 MIME 类型（“text/html”）不是受支持的样式表 MIME类型，并启用严格的 MIME 检查。

我已将错误缩小到此处的此部分：“localhost:8080/journals”，因为 /journals 导致我的应用程序在我的任何日记显示页面上收到 404 错误。 我将所有组件加载到我的 App.vue 文件中。

<component is="script" src="assets/js/jquery.min.js"></component>
<component is="script" src="assets/js/jquery.scrolly.min.js">
</component>
<component is="script" src="assets/js/jquery.dropotron.min.js">
</component>
<component is="script" src="assets/js/jquery.scrollex.min.js">
</component>
<component is="script" src="assets/js/browser.min.js">
</component>
<component is="script" src="assets/js/breakpoints.min.js">
</component>
<component is="script" src="assets/js/util.js">
</component>
<component is="script" src="assets/js/main.js">
</component>

关于为什么我的应用程序强制将“/journals”加入我的获取请求的任何线索？

尝试将 HTML5UP css/etc 加载到显示路径。

我的VSCode图片供参考。

Answer 1

所以，经过昨晚和今天早上的测试，我遇到了真正的问题。 我在 App.vue 中加载的脚本不是问题。 在我的 index.html 文件中，“”中的“assets/”之前没有“/”，这导致它尝试错误地加载这些脚本。