1. 確保已經開啟了iis服務。
如果沒有開啟可參考
2. 編譯angular程式 ng build --prod --aot.
編譯後專案中會出現dist資料夾
3. 在iis中新增**
4. 將編譯後的dist資料夾新增到**中
5. 安裝url rewrite module
因為angular無重新整理的特性,所以瀏覽器位址列上的網址其實不會真實對映到磁碟的特定位置,所以我們需要安裝
>
6. 新建web.config檔案。內容如下
<?xml version="1.0" encoding="utf-8"?>
7. 如果專案中有資源檔案 需要將資源檔案拷入到dist中
8. 設定dist資料夾的許可權 最簡單的可以設定為以下
Docker部署Angular應用
寫在最前面 首先是我的目錄結構 你要新建的是dockerfile和nginx angular.conf 在 angular 專案的根目錄下面建立乙個 dockerfile 檔案,內容如下 設定乙個基本的映象,from 後面是映象的名字,這個映象是 docker 官方提供的,這個映象裡面包含了 nod...
Angular 10 x從打包到部署IIS上
angular10.x 從打包到部署iis上 通過cmd命令列或者vscode執行 ng build prod會產生乙個dist目錄,然後講這個目錄複製到iis伺服器,發現可以正常訪問,但是一重新整理鏈結到其他頁面時會立馬報錯,這個時候就需要安裝 microsoft url 重寫模組 2.0 在該 ...
angular前後端分離部署
最近寫了乙個小專案玩,前端是angular,後端是koa,分離部署,著實折騰了一天。位址在 yukarin.cnng build prod aot通過nginx的gzip,下面馬上說。伺服器上裝好nginx,關於nginx的安裝和配置,可以參看我的這篇。想辦法把打包後的靜態檔案 dist下的那一坨 ...