spartacus-storefront - 如何获取包含店面上下文的基本 URL？

Question

如何获取包含店面上下文的基本 URL？

例如，对于这个 URL

https://spartacus.c39j2-walkersde1-d4-public.model-t.cc.commerce.ondemand.com/electronics-spa/en/USD/OpenCatalogue/Cameras/Digital-Cameras/Digital-SLR/c/578

我怎样才能得到公正

https://spartacus.c39j2-walkersde1-d4-public.model-t.cc.commerce.ondemand.com/electronics-spa/en/USD/

Answer 1

您可以分别获取源 ( https://s(...).com) 和上下文 URL 参数 ( electronics-spa/en/USD/)。

起源

import { DOCUMENT } from '@angular/common';
// ...
constructor(@Inject(DOCUMENT) private document: any){}
//...
const origin = this.document.location.origin;
// "https://s(...).com"

注意：它在服务器端渲染中不起作用！请使用 Spartacus 的注入令牌SERVER_REQUEST_ORIGIN：

import { DOCUMENT } from '@angular/common';
import { PLATFORM_ID } from '@angular/core';
import { SERVER_REQUEST_OTIGIN } from '@spartacus/core';
// ...
constructor(
   @Inject(DOCUMENT) private document: any,
   @Inject(PLATFORM_ID) private platformId,
   @Inject(SERVER_REQUEST_ORIGIN) private serverRequestOrigin
){}
// ...
let origin;
if (isPlatformServer(this.platformId)){
   origin = this.serverRequestOrigin;
} else {
   origin = this.document.location.origin;
}

上下文 URL 参数

import { Router } from '@angular/router';
// ...
constructor(private router: Router){}
// ...
const context = router.serializeUrl(router.createUrlTree(''));
// "electronics-spa/en/USD/"

最后结果

const result = `${origin}/${context}`;
// "https://s(...).com/electronics-spa/en/USD/"