我使用NuxtJS开发了一个SPA (ssr: false)。构建后,javascript和css文件的路径相对于domain的根文件夹而不是dist文件夹。例如,<script src="/_nuxt/e247009.js"></script>
会导致浏览器抛出错误
"资源从">url"由于MIME类型(" text/html ")不匹配而被阻止(X-Content-Type-Options: nosniff)。">
我的url
路径在css font -face也有这个问题。
我可以解决这个错误使用这个解决方案https://stackoverflow.com/a/61638555/8488702通过设置路由器选项如下:
router: {
base: './'
}
但是现在出现了另一个问题,那就是当我加载index.html
时它在项目的根目录下,路由器显示错误
此页无法找到
如何在不改变路由器选项的情况下自定义文件路径,使路由器不会崩溃?
OP用他的Webstorm IDE运行这个项目,认为target: 'static'
将允许它在本地环境下工作。即使它在生产环境中工作,因为生成了实际的静态文件(这些文件确实可以托管在CDN上),现代开发也没有那么简单。
因此,我们确实需要使用webpack-dev-server
内置的本地服务器来支持现代开发的所有重要功能(HMR,文件哈希,SASS等)。
运行yarn dev
(或npm run dev
)将允许一个正确的工作项目,已经配置的Webpack v4配置由next核心团队为您完成。