Vue Cli 上傳 Github pages 路徑部屬問題

Vue Cli 上傳 Github pages 路徑部屬問題

在根目錄新創建 vue.config.js 檔案以及deploy.sh 檔案

1. 新增 vue.config.js 檔案

1
2
3
4
5
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/你的 repository 名稱/'
: '/'
}

2. 新增 deploy.sh 檔案

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#!/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 git@github.com:<USERNAME>/<USERNAME>.github.io.git master
# if you are deploying to https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages
git push -f https://github.com/<你的USERNAME>/<你的 repository>.git master:gh-pages
# if you are deploying to https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

在終端機輸入 (windows 使用 git bash )

1
sh deploy.sh

成功部屬

# , ,