- 在Netlify上創建一個帳戶。您可以選擇入門計劃。
- 使用Angular CLI 創建Angular項目(如果尚未創建)。
- 導出路由以使用HTML5歷史記錄API時,請確保useHash為false。默認情況下為false:只是不提供值。
- 創建一個_redirects文件。您還需要將_redirects文件添加到angular.json的assets部分中,以便Angular在構建應用程序時將其包括在內,以便Netlify可以檢測到它。否則,瀏覽器刷新將無法進行。如果您使用其他使用路由的框架(例如React或Vue.js),則也需要此文件。
- 在Netlify上,配置應部署的項目。Netlify與GitHub,GitLab和Bitbucket集成良好。
- 在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
沒有留言:
張貼留言