Vue项目部署到Github Page

首先本地跑好项目，确定运行无误。

然后vue.config.js里进行配置

module.exports = {
    其他配置
    //新增
    publicPath: '/XXX',//github仓库名
    assetsDir: 'XXX',//同上，否则访问不到静态资源
    outputDir:"dist",
}

然后将项目传到GitHub上。

右键打开gitbash

npm run build //运行生成dist文件
git add . 
git commit -m '//'
git subtree push --prefix dist Web gh-pages //只将dist文件传到gh-pages分支，GitHub会自动识别并运行,不行就去仓库的setting里配置一下