vue-cli3.0打包页面无法加载js文件
使用 npm run build 打包后,浏览器访问dist/index.html文件时,无法加载js文件解决方案:在网上搜了很多方法,他们修改的配置文件都不适合vue-cli3.0,因为vue-cli3.0的目录结构如下:此时需要自己新建一个文件:(根目录下新建vue.config.js)module.exports = {publicPath: './',...
·
情况一:页面空白且控制台报错
使用 npm run build 打包后,浏览器访问dist/index.html文件时,无法加载js文件
解决方案:
在网上搜了很多方法,他们修改的配置文件都不适合vue-cli3.0,因为vue-cli3.0的目录结构如下:
- 1、此时需要自己新建一个文件:(根目录下新建vue.config.js)
module.exports = {
publicPath: './',
}
- 2、再次重新打包即可正确访问
情况二:页面空白且但是控制台不报错
- 1、注释掉路由的history模式
- 2、新建一个文件:(根目录下新建vue.config.js)
参考情况一
- 3、打包即可
注意:此处使用baseUrl有可能会报警告,且无法打包,因为官网已规定不再使用baseUrl
https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE
更多推荐
已为社区贡献12条内容
所有评论(0)