Vue env variable and github-page deploy

Vue set environment variable

• vue-cli document
  https://cli.vuejs.org/guide/mode-and-env.html#modes

  ​​​​​​      VUE_APP_.. should start in VUE_APP for enviroment variable
  

Vue deploy on github page

• vue-cli document
  https://cli.vuejs.org/guide/deployment.html#github-pages
• 將Vue專案部署至Github Pages (medium)
  https://medium.com/@dean34520/vue系列文-將vue檔案部署至github-334951cadede

​​​​---
​​​​- should set repos to public
​​​​- customize settting for those two file (<>) 
​​​​- delete # use you want in deploy.js
​​​​---
​​​​> my-project/vue.config.js
​​​​    
​​​​        module.exports = {
​​​​          publicPath: process.env.NODE_ENV === 'production' ? '/<repo-name>/' : '/',
​​​​        };
​​​​---
​​​​> my-project/deploy.s
​​​​
​​​​    #!/usr/bin/env sh

​​​​    # abort on errors
​​​​    set -e

​​​​    # build
​​​​    npm run build

​​​​    # navigate into the build output directory
​​​​    cd dist

​​​​    # if you are deploying to a custom domain
​​​​    # echo 'www.example.com' > CNAME

​​​​    git init
​​​​    git add -A
​​​​    git commit -m 'deploy'

​​​​    # if you are deploying to https://<USERNAME>.github.io
​​​​    # git push -f [e-mail]:<USERNAME>/<USERNAME>.github.io.git master

​​​​    # if you are deploying to https://<USERNAME>.github.io/<REPO>
​​​​    # git push -f [e-mail]:<USERNAME>/<REPO>.git master:gh-pages

​​​​    cd -
​​​​
​​​​---

​​​​        sh ./deploy.sh    //run this in terminal to deploy