1. 程式人生 > >angular2部署到tomcat中,讓他跑起來

angular2部署到tomcat中,讓他跑起來

  1. 首先使用構建命令(npm run build或ng build)打包,打包完成後專案中會出現一個dist的目錄,這個目錄就是我們最終要部署的包了,把它命名為cc-client(關於打包後的base路徑修改,參考後面的備 注)就可以了。
  2. 將命名好的cc-client整個目錄複製到tomcat的webapps目錄下。
  3. 執行tomcat,在瀏覽器中輸入http://localhost:8080/cc-client/#/login
  4. 注:想將預設的cc-client修改成你自己的base路徑,開啟package.json,修改構建命令”build”: “ng build –base-href /你的應用名稱/”,例如”build”: “ng build –base-href /demo/”,這裡的base路徑要和你的專案名稱一樣。
  5. 如果你的路由方式使用的不是hash方式,那麼你重新整理後會報404(需要通過環境配置來解決這塊的問題),快速解決的方式是把路由改成hash方式,useHash可放到環境變數裡去,方便以後改動,例如:export const appRoutes=RouterModule.forRoot(routes,{preloadingStrategy: SelectivePreloadingStrategy,useHash:true});