在网上查了很久,结果发现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库中(名字要和第三步设定的名字相同)