如何配置NuxtJS构建自定义文件路径而不修改路由器选项?



我使用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核心团队为您完成。

最新更新