- 在 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
沒有留言:
張貼留言