[Angular] 網頁重新整理變404

 

解決方法

【Angular】——路由之重新整理報404

https://iter01.com/149367.html

  專案進入測試期，發現了一個開發過程中沒有發現的問題：釋出後訪問網站，使用過程一切正常：

    但只要重新整理，就會：

      開始查了一些資料：大都是關於這樣的說法：

    那如果必須要這樣解決的話，不就違背了前後端分離的原則？又開始讓後端控制前端，這樣前端自己封裝路由又有何深刻的意義。因為有著這樣的信念：肯定有前端的解決方案，所以繼續查資料，最終發現了我想要的，在此分享給大家：

    首先，我用的是tomcat釋出、http://localhost:8080/vb/type是第一個頁面，第一次跳轉這個頁面，一切正常，重新整理，則報404。這是因為在介面出現後，瀏覽器則不再訪問前端，除非有按鈕等觸發，所以重新整理後瀏覽器不再走前端的路由，而是訪問後端，而後端並沒有定義該路由，所以找不到路徑。這算是Angular的一個坑吧......

    解決方案：

    配置app.module.ts

    在NgModule中新增：   

    providers: [{ provide: LocationStrategy, useClass: HashLocationStrategy, }],
    如果你的服務也許在此，則：

    providers: [DataService, { provide: LocationStrategy, useClass: HashLocationStrategy, }],
    另外需要引入：

    import {HashLocationStrategy, LocationStrategy} from '@angular/common';

    OK,這樣設定後，訪問Angular，會自動在根節點後面新增一個#錨點。在此重新整理就不會報404錯誤了。