再执行 npm run build 之后,会生成一个dist文件夹,打开index.html,控制台报错
如下图所示:
这里是因为找不到正确的路径,导致报错。
解决办法:
1、在根目录下,新建vue.config.js文件,当然有的话,就忽略此条;
2、在vue.config.js里 将publicPath: "/" 改为 publicPath: "./" ,之后重新打包,npm run build 即可。
publicPath: "/" =====>>>>>>> publicPath: "./"
至于编写的位置,可以参考下面的代码:
module.exports = {
devServer: {
port: 8080, // 端口号
open: true
},
lintOnSave: false,// eslint-loader 是否在保存的时候检查
publicPath: "./",// 基本路径
outputDir: "dist",// 输出文件目录
assetsDir: "static",//设置放置打包生成的静态资源 (js、css、img、fonts) 的目录。
indexPath: 'index.html'//用于设定打包生成的 index.html 文件的存储位置
}
希望可以帮助到更多的小伙伴,也欢迎大家在评论留言!!