当前位置:   article > 正文

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

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

目录

报错信息

解决方法


报错信息

如下所示(地址已盲):

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

解决方法

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

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/365086
推荐阅读
相关标签
  

闽ICP备14008679号