【vue-cli踩坑】Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html不显示内容

版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/AiHuanhuan110/article/details/89476360

通过vue-cli创建的项目

npm run dev 运行开发环境可以看到效果，

但是 npm run dbulid 之后，通过产生的dist文件下的index.html直接打开没显示，看不到效果，报错如下：

在 webpack.prod.conf.js 中的 output 添加参数publicPath:’./’

具体代码：

在webpack.base.conf.js里

output: {
    publicPath: process.env.NODE_ENV === 'production'
      ? './' +config.build.assetsPublicPath
      : './' + config.dev.assetsPublicPath,
      // 上面是添加代码
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  }

这样在运行生产环境，打开 dist 下的 index.html 就显示内容了