[討論]Routing with ng build找不到路徑的問題

General
1

問題描述：請問各位大神，開發中的狀況下，可以透過原本設定的routing的直接用網頁開啟，但是ng build之後，嘗試過nginx、http-server、go Live開啟編譯好的檔案，會無法找到路徑，我下面寫了一個demo，有兩個component重現問題，左邊是透過連結可以開啟，右邊是將連結貼上瀏覽器，會無法找到路徑，是否可以提供分享，謝謝。

以上問題如果只有單純在開發的狀況下，是否可以直接用瀏覽器開啟的。

版本：
Angular CLI: 9.1.10
Node: 12.15.0
OS: win32 x64

image
image1005×295 7.39 KB

demo project

2

因為 Angular 是 SPA，所以在網頁伺服器要將所有的 request 全部導回到 index.html 才可以正常地顯示，如果在沒有設定下直接打開網址 xxx/test1，他會去找 test1 資料夾下的 index.html

 location /app1/ {
        alias /my/root/path/app1/;
        try_files $uri$args $uri$args/ $uri/ /app1/index.html;
    }

在 nginx 下，你需要類似這樣的設定

1個讚
3

感謝Kevin的指導，佈署到nginx已經可以正常routing，謝謝