專案本地發布到github並且上線可預覽

2021-09-13 23:49:23 字數 1086 閱讀 7952

發布到 githubpages

我們完成專案後,可以執行npm run build生成可編譯後的**,**在 dist 目錄下。下一步需要做的事就是把 dist 目錄下的檔案推送到 github 上。

第一步建立專案

在 github 上建立專案如 hellonote,拷貝專案位址 如:***

修改 pacakage.json, 加入如下 script

"scripts": ,
或者在命令列

cd dist

git init

git remote remove origin

git remote add origin ***.git // 倉庫ssh鏈結

git pull // 如果這一步不行,走下面三條命令

---git fetch

git reset

git pull

---git add ./

git commit -m 'publish'

git push

終端下執行

npm run build

npm run upload

上傳後,我們在 github 當前專案的設定裡設定 githubpages

出現了報錯,檢查元素一看,資源全是404。原因是配置打包時靜態資源路徑的問題。

因為我們讓 js 打包在 html 裡的路徑是/assets 開頭,而 githubpages 是有二級路徑的,以/assets 開頭實際上是載入的資源,路徑明顯不對。 所以,我們需要修改 webpack 打包的配置。

再次 build 並 upload ,可以正常開啟了。

git 發布本地工程到github

很多開發人員都會玩git,很多時候需要將本地的 加入git管理,並上傳至git伺服器 自己公司大家的也要 github也好 這裡記錄了如何將本地 加入git管理,並上傳至github的乙個實現步驟。本文建立在你已經有github賬號的基礎上,如果沒有自行註冊。加入本地有個工程myproject,怎麼...

匯入本地專案到github

cd users mima123 自定義專案 rechbilyone 備註 終端輸入cd空格然後開啟資料夾直接把檔案拖進去 enter git init 備註 enter之後顯示 initialized empty git repository in users mima123 自定義專案 rech...

原 git 發布本地工程到github

很多開發人員都會玩git,很多時候需要將本地的 加入git管理,並上傳至git伺服器 自己公司大家的也要 github也好 這裡記錄了如何將本地 加入git管理,並上傳至github的乙個實現步驟。本文建立在你已經有github賬號的基礎上,如果沒有自行註冊。加入本地有個工程myproject,怎麼...