本篇部落格介紹rancher 配套的前端專案 rancher/ui 的開發流程

# 克隆專案到本地git clone https://github.com/rancher/ui.git # 進入專案根目錄cd ui # 安裝專案依賴 注意使用npm i 會報錯./scripts/update-dependencies # 開啟本地開發環境yarn start

注意一下, 由於是前後端分離, 只啟動前端專案是不行, 還要有後端服務

在這裡配置後端的地址就能正常訪問了

注意必須是https

部署使用下面這個命令

這裡的伺服器地址是前端部署後的伺服器地址

./scripts/build-static -l -s -c '伺服器地址'

前端部署的時候需要支援跨域,

-l 表示最新

-s 表示跳過測試

-c 伺服器訪問地址

編譯好後將 /static/latest2 上傳到伺服器,並保證能訪問, 出現404是正常的, 因為還沒有連線後端

登入rancher 後 訪問

開啟你rancher伺服器的 /v3/settings/ui-index介面,

如https://rancher伺服器/v3/settings/ui-index

並且修改 並將前端訪問地址 填入value輸入框 並儲存上傳即可