[JavaScript知识库]vue-cli 2.0/3.0+ vue build打包生成的文件中运行index.html报错Failed to load resource: net::ERR_FILE_NOT_FOUND 白屏

问题

执行npm run build 生成的打包文件运行index.html 报错,上线不能正常显示内容

解决办法

vue-cli 2.0

在build / webpack.prod.conf.js 文件 output参数配置 publicPath:’./’, 重新build即可

vue-cli 3.0 及以上

1.在vue.config.js 文件中 修改成 publicPath: ‘./’

module.exports = {
  publicPath: './',  //改成此路径
  

2.在src / router / index.js文件中注释或删除 mode:‘history’, (代码与文件可能有所不同) 重新build打包即可