天天看點

Angular 自動編譯部署 Tomcat Jboss修改package.json檔案啟動編譯路由重新整理頁面404

版權聲明:本文為部落客原創文章,未經部落客允許不得轉載。 https://blog.csdn.net/inforstack/article/details/78932255

将Angular部署到Tomcat、Jboss中

修改package.json檔案

"scripts": {
        //...
        "build": "ng build",
        //...
    },           

修改之後

--base-href指項目的路由路徑,最終生成:<base href="/demo/dist/">

--output-path指項目編譯路徑

--delete-output-path=false指不清空“/dist”檔案夾

"scripts": {
        //...
        "build": "ng build --base-href /demo/dist/ --output-path D:/work/demo/src/main/webapp/dist --delete-output-path=false",
        //...
    },           

啟動編譯

編譯完成之後,打開編譯路徑,然後啟動對應的容器

npm run build           

路由重新整理頁面404

修改路由方式,在跟路由中啟動hash模式

RouterModule.forRoot(ROUTES, { useHash: true })           

繼續閱讀