关于webpack打包vue项目在GitHubPage上不显示的解决方法

在网上查了很久，结果发现webpack打包后显示了一串网址

（https://cli.vuejs.org/guide/deployment.html#general-guidelines），

内容为Vue CLI的部署，其中就讲了关于GithubPage的一些相关配置

---

正文开始

1正常的vue项目打包后放在GitHubPage上是不显示的

2这时需要在package.json同级目录下创建可选文件vue.config.js

3在vue.config.js中写入如下代码

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'
    ? '/my-project/'
    : '/'
}

其中 '/my-project/'更改为github中库(Repository)的名字

4,然后在终端执行npm run build进行打包

5.最后将dist文件夹中的文件导入到GitHubPage库中（名字要和第三步设定的名字相同）