vue项目部署到github page

可以使用github page当作免费服务器，部署前端项目

本文只讲部署到github page的过程，建议本地build后，先用http-server或者tomcat自测，没问题再进行之后的过程。部署到本地tomcat详见此链接

1. 修改build后的文件夹名称，dist改为docs（至于为什么一定是docs，步骤4解释）

// 修改 config/index.js，dist替换成docs，总共有两处
build: {
    // index: path.resolve(__dirname, '../dist/index.html'),
    // assetsRoot: path.resolve(__dirname, '../dist'),
    index: path.resolve(__dirname, '../docs/index.html'),
    assetsRoot: path.resolve(__dirname, '../docs'),
}

2. build后的文件，需要随着项目，一起push到github的master分支上

3. 登录github，找到要部署的项目，点击Settings

 

4. 一直往下翻，找到Github Pages，选择master branch /docs folder，即可（由于github指定了docs文件夹，所以dist要改成docs）