2019年10月30日 星期三

[morse]如何使用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



沒有留言:

張貼留言