vue cli 4.x 打包并部署到 github page 后，public 内的资源访问 404

Question

vue cli 4.x 打包并部署到 github page 后，public 内的资源访问 404，经过检查是  public 内的资源链接少了 github 的仓库名做前缀，该如何解决

Answer 1

再打包的时候配置这个

// vue.config.js 位于仓库的根目录下
// 确保用 GitLab 项目的名称替换了 `YourProjectName`

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/yourProjectName/'
    : '/'
}