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/',那么你就需要设置成这个值。当设置为 './' 时,通常意味着资源文件是相对于当前页面位置的。

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-31 04:48:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-31 04:48:06       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-31 04:48:06       82 阅读
  4. Python语言-面向对象

    2024-03-31 04:48:06       91 阅读

热门阅读

  1. SpringBoot启动过程

    2024-03-31 04:48:06       38 阅读
  2. 理解 Python 编程中 *args 与 **kwargs 的妙用

    2024-03-31 04:48:06       46 阅读
  3. js的String对象

    2024-03-31 04:48:06       43 阅读
  4. 防抖(Debounce)和节流(Throttle)

    2024-03-31 04:48:06       41 阅读
  5. Day10: 栈与队列p1

    2024-03-31 04:48:06       41 阅读
  6. MNN介绍、安装和编译

    2024-03-31 04:48:06       37 阅读
  7. [LeetCode][400]第 N 位数字

    2024-03-31 04:48:06       39 阅读
  8. 6.Files,Paths工具类

    2024-03-31 04:48:06       37 阅读