2019年10月30日 星期三

如何使用Netlify部署Angular應用

  1. Netlify上創建一個帳戶您可以選擇入門計劃。
  2. 使用Angular CLI 創建Angular項目(如果尚未創建)。
  3. 導出路由以使用HTML5歷史記錄API時,請確保useHash為false默認情況下為false:只是不提供值。
  4. 創建一個_redirects文件您還需要將_redirects文件添加到angular.json的assets部分中,以便Angular在構建應用程序時將其包括在內,以便Netlify可以檢測到它。否則,瀏覽器刷新將無法進行。如果您使用其他使用路由的框架(例如React或Vue.js),則也需要此文件。
  5. 在Netlify上,配置應部署的項目Netlify與GitHub,GitLab和Bitbucket集成良好
  6. 在Netlify上,您應該指定build命令您應該在生產模式下構建應用程序,以獲得最佳性能和最小的捆綁包大小。在Angular中,您使用Ahead-of-Time(AOT)編譯器ng build — prod — aot

Netlify上單頁應用程序的_redirects示例文件




# Rewrite all requests to any file that doesn’t already exist to the index page, where router can handle it.
/* /index.html 200



沒有留言:

張貼留言

在防火牆中配置以啟用T-SQL偵錯

要在防火牆中配置以啟用T-SQL偵錯,您需要允許特定的端口和應用程序通信。以下是具體步驟: ### 1. 確認需要的端口 T-SQL偵錯通常需要以下端口: - **TCP 135**:用於RPC端口映射 - **動態高端口範圍**:用於實際的偵錯通信,這些端口是動態分配的。 ##...