部署Angular應用到Github pages

2022-08-23 19:24:14 字數 1238 閱讀 5560

published: august 08, 2017 by jeneser

categories: angular 1

tags: angular 2 course 2 original 4

你將看到:快速部署angular應用到github pages,利用github提供的pages資源快速建立演示站點

開篇使用subtree

使用angular-cli-ghpages

配置引數

常見問題

開篇眾所周知,github為開發者提供了免費的靜態**託管服務github pages,我們可以用github pages快速部署我們的專案demo或專案文件。

github pages

使用subtree

先來介紹乙個通用的方法。在開發vue豆瓣的過程中,我使用了git subtree來快速發布live demo到gh-pages分支。主要使用了以下三條命令:

當發布angular應用到github pages時,我並不推薦你這樣做。因為,我們有更好的方法來部署我們的angular應用到github pages。

使用angular-cli-ghpages

angular-cli-ghpages是angular社群貢獻的npm包,提供了一種近乎於傻瓜式的解決方案,即便是你不太了解git。

要注意的是angular-cli-ghpages只支援angular2+的專案。show time :)

配置引數

angular-cli-ghpages提供了很多有用的引數,各個引數的具體用法,請檢視angular-cli-ghpages的官方文件。在這裡,我們來說幾個常用的:

使用--message來新增commit資訊:

$ ngh --message="first deploy"

部署到指定的特定分支:

$ ngh --branch=production

另外,你可以使用--dry-run來檢視該命令執行時輸出的資訊:

$ ngh --dry-run

常見問題

對於單頁面應用來說我們應該把所有流量指向我們的index.html,來避免異常行為的發生。

在部署過程中你可能會遇到404錯誤,或者,當我們重新整理某個頁面時,我們的頁面意外的變成了404。

我們需要修復它。對於github pages來說,我們沒辦法直接配置github pages,但可以在commit時新增乙個404頁。簡單的解決方案如下:

(完結)

作者github:

從Windows 部署Unity應用到iOS上

有了 unity 雲構建 cloud build 服務,你可以在windows平台建立ios應用程式,甚至不需要macintosh xcode 起始步驟 註冊成為蘋果開發者 加入 unity cloud build 如果你還沒加入的話 按照 上cloudbuild的步驟進行,建立ios專案非常容易 ...

部署web應用到tomcat及相關注意

跨域訪問 在當前web應用程式的元素的設定中,指定crosscontext屬性的值為true。crosscontext 為true,在應用程式內部呼叫servletcontext.getcontext 將成功返回同乙個虛擬主機中的其他web應用程式的請求排程器。為false時,將總返回null,預設...

部署你的WEB應用到IIS 6 0

i asp.net mvc3 部署的前期工作 1.確認部署的伺服器作業系統環境 首先我們確認伺服器的作業系統版本 可以從系統命令行工具裡輸入 systeminfo 獲取相關作業系統資訊例如 然後再確認iis版本資訊 開啟iis管理工具即可 接著確認.net framework的版本 可以在系統命令行...