許多客戶將採用逐步（route-by-route）的方式從 Accelerator 遷移到 spartacus，這意味著客戶將使用不同的系統在同一域中同時驅動部分店面。

我們希望支援具有可配置的路由，並可選擇從 SPA 中退出並重新載入頁面以允許後端驅動的響應（基於 URL 模式）。

只要我們在 SPA 的範圍內，我們只執行 `interal` 導航，因為使用了 Angular 的 `routerLink`，按照設計它不會進行完全重新載入。

但是，我們可以使用 `Guard` 定義`虛擬路由`，強制執行指定配置路徑的完全重新載入。

為了更容易測試（不要進入閃爍頁面重新載入的無限迴圈），透過擴充套件 External Routes Guard 來延遲頁面重新載入：

```typescript
@Injectable()
export class CustomRoutingMigrationGuard extends ExternalRoutesGuard{
  redirect(route, state) {
    console.log('migration guard activated, redirect in 5 seconds');
    setTimeout(() => {
      super.redirect(route, state);
    }, 5000);
  }
}
```

在 app Module 裡定義這個 Guard：

```typescript
 providers: [
    { provide: ExternalRoutesGuard, useClass: CustomRoutingMigrationGuard },
  ]
```

測試：

```typescript
routing: {
    internal: [
          '/**',
          '!/cart',
          '!/?',
          '!/???',
          '!/login',
          '!/login/register',
          '!/product/*/*',
          '!/Open-Catalogue/**/p/**',
    ]
  }
```

驗證下面列出的頁面是否執行重新載入（由於缺少後端規則而發生無限迴圈的重新載入，這些規則通常會根據 URL 其模式呈現不同的店面）：

> /cart
/x
/faq
/abc
/login
/login/register
/product/358639/DSC-N1
/Open-Catalogue/Cameras/DigitalCameras/Digital-Compacts/NV10/p/553637

https://github.com/SAP/spartacus/issues/12292
![](https://img-blog.csdnimg.cn/img_convert/8e47318267216e3006ac3ac6d579106b.png)

Angular 預配置了 webpack 開發服務，該服務使用開發人員可以配置的代理伺服器。如果您有本地執行的 Accelerator，可以為那些應該連結到本地 Accelerator 的路由使用代理配置。 我們需要記錄以下內容：

- 使用代理配置檔案配置 angular.json 檔案
- 記錄一個示例代理配置
- 記錄一個 package.json 指令碼以便於啟動

我們還可以使用本地 nginx 記錄替代設定。

- [ExternalRouting Module does not get added when generating / updating a project](https://github.com/SAP/spartacus/issues/12486)
- [Support for Hybrid Storefront with Accelerator](https://github.com/SAP/spartacus/issues/11682)
- [How to configure Spartacus and Accelerator based Storefront Side by Side? (External Routes)](https://stackoverflow.com/questions/67466889/how-to-configure-spartacus-and-accelerator-based-storefront-side-by-side-exter)

為了實現這兩個店面都在同一個域下，需要設定一個 apache 虛擬主機或其他東西（假設 electronics.local 指向 9002 和 4200）。

關於 SAP Spartacus 重定向部分外部 url 到後臺系統的問題

相關文章