本文详细介绍Vue项目在GitHub Pages上的部署步骤，包括解决路由模式、配置publicPath、排除dist目录的.gitignore设置，以及如何访问正确项目地址的方法。
1.路由模式暂不支持history模式，一定要是hash
2.cli3.3之后取消了baseUrl，所以要在vue.config.js里面需要加上publicPath: ‘./’
module.exports = {
publicPath: './'
}
3.去掉.gitignore里的dist之后，将项目传到github上面，再打开项目设置
翻到下面的GitHub Pages，选择Source为master branch即可
4.之后就是访问正确的地址了，vue项目地址为上图Github Pages里绿框地址后面加上/dist/#/，即为https://gitHub用户名.github.io/项目名称/dist/#/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
