GitHub | Pages 部署 Vue 项目但页面空白，报错：net::ERR_ABORTED 404 (Not Found)

目录

报错信息

解决方法

---

报错信息

如下所示（地址已盲）：

控制台报错说找不到这些资源，但是 dist 目录下都有这些 JS 文件啊，这是为什么？

解决方法

在 Vue 项目的 vue.config.js 文件中，添加 publicPath: './' 即可：

module.exports = defineConfig({
  publicPath: './',
})

修改后重新 build 项目，再 push 到 GitHub 上。

publicPath 指示了资源文件（如图片、CSS 文件等）的公共基础路径。例如，如果你的应用是部署在域名的根目录下，那么你的 publicPath 可能会是 '/'。如果部署在子目录下，比如 '/my-app/'，那么你就需要设置成这个值。当设置为 './' 时，通常意味着资源文件是相对于当前页面位置的。