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）