VUE打包报错：Failed to load resource: net::ERR_FILE_NOT_FOUND

在 2021/5/21 的VUE项目学习中，我使用 npm run build 进行项目打包后遇到了问题

---

报错提示

Failed to load resource: net::ERR_FILE_NOT_FOUND

---

分析

错误提示无法加载资源。

那么肯定是路径错了
在网上查阅了很多资料发现许多解决方案过时了，解决不了问题
查阅了官方文档，在机缘巧合之下我在VUE官方文档配置参考中找到了解决方案

---

首先，需要在package.json的同级路径中创建 一个新的文件vue.config.js

在文件内容 中写入下面的代码:

module.exports = {
  publicPath:'./'
}

之后重新打包编译项目

npm run build

打开打包好的项目路径dist，直接打开index.html即可 。