VueJS中journals/:id页面MIME类型错误及资源路径问题求助

• 浏览器返回MIME类型错误：拒绝应用http://localhost:8080/journals/assets/css/main.css的样式，因为该资源实际返回的MIME类型是text/html，不符合样式表要求的MIME类型，且浏览器启用了严格MIME检查。
• 排查确认问题根源是路径中的/journals前缀：这个前缀导致期刊详情页（路由规则为journals/:id）加载资源时触发404错误。
• 当前项目在App.vue中全局引入所有组件，同时引入了HTML5UP的一系列JS资源，代码如下：

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

想请教：为什么应用会自动在资源的GET请求URL中带上/journals前缀？目前我尝试在详情路由中单独加载HTML5UP的CSS等资源，VSCode截图展示了路由配置与资源引入的相关代码。

内容的提问来源于stack exchange，提问作者Maxwell L.