這是一個 Angular 15 + Bootstrap 5.2.3 的模板專案，用於快速起始新的專案用
如需使用不同版本的模板，請透過分支切換
請注意，16 版的容器化部署還未經過測試
- assets 的 URL 不需要以
/開頭，否則在以路徑區分網站的伺服器中 (例: 以 path 做反向代理的 Kubernetes) 會全部得到 404 回應例:
/assets/test.png必須改寫為assets/test.png
-
(非必要) 修改 package.json 中
name與version -
修改 Dockerfile 中
RUN ng build -c production --base-href /template/的--base-href值為實際部署的路徑--base-href值請務必以/結尾，否則除了 index.html 外，全部都會得到 404 回應若部署非使用 path 方式，則可以將
--base-href後面整個刪除 -
修改
.kubernetes資料夾下兩個 yaml 檔內容該資料夾下的 yaml 檔若在
.yaml檔名前加上.production，則該檔案不會進版本控制ingress 的設定檔中 path 與 2. 的 base-href 務必要吻合，否則網頁無法正常顯示
- Day20-建立Angular Frontend Docker image
- Angular URL Rewrite
- Angular app on Kubernetes Ingress when using non-root path
- What's the difference between --base-href and --deploy-url parameters of angular-cli tool
- Receiving permission denied error with Docker, nginx, uwsgi setup. I can manually write files inside the container
- access denied for image file server in nginix
- 部署 - Angular
- Module not found: Error: Can't resolve file
- ng generate module
- 如何透過 Angular CLI 快速將專案全部都轉換成獨立元件架構
- Angular App Fails to Build using GitHub Actions ('Cannot find module')
- Github Actions for NodeJS - 'Error: Cannot find module' for local file
- git mv and only change case of directory
- How to call component method from service? (angular2)
- How to call another components function in angular2
- 4 Methods to Share Data between Components in Angular
- How can I reset a custom form control with Angular
- How to Validate Angular Reactive Forms
- Reactive forms angular show error for pattern in angular