乐趣区

关于前端:Spartacus-baseurl-访问-CSR-端需要修改的配置

假如我想把 Spartacus 的 url 前面减少 custom url 拜访,比方以前通过 https://spartacus-demo.eastus.cloudapp.azure.com/electronics-spa/ 拜访,当初通过 https://spartacus-demo.eastus.cloudapp.azure.com/electronics-spa/jerry 拜访。

在 CSR 即客户端渲染模式下,在 app.module.ts 里减少如下代码:

{provide: APP_BASE_HREF, useValue: /jerry/}],

这段代码是在 Angular 中用于配置依赖注入(Dependency Injection)的提供者(Provider)的配置。

provide: APP_BASE_HREFprovide 是提供者配置中的关键字,指定要提供的依赖项。APP_BASE_HREF 是 Angular 提供的一个令牌(token),用于示意利用的根本 URL 门路。

useValue: /jerry/useValue 是提供者配置中的关键字,指定要提供的依赖项的具体值。在这种状况下,它指定了 APP_BASE_HREF 的具体值为 /jerry/。这示意利用的根本 URL 门路为 /jerry/,即利用的根门路是 /jerry/

通过这段代码的配置,能够在 Angular 中应用依赖注入形式获取 APP_BASE_HREF 的值,以便在利用中应用该值来构建 URL。例如,在路由配置中应用 APP_BASE_HREF 能够帮忙正确地生成路由链接。

同时在 angular.json 文件里,减少如下配置:

"build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {"deployUrl": "/jerry/",

这段代码来自 angular.json 文件的 build 配置局部。它的作用是指定 Angular 利用在构建过程中的选项,具体解释如下:

  • "builder": "@angular-devkit/build-angular:browser":这是构建过程中应用的构建器(builder)。@angular-devkit/build-angular:browser 是 Angular 提供的默认构建器,用于构建浏览器端的应用程序。
  • "options":这是构建选项的配置局部,蕴含了一系列可配置的选项。

    • "deployUrl": "/jerry/"deployUrl 是一个选项,用于指定构建后的利用在部署时的根本 URL 门路。在这个例子中,/jerry/ 是指利用的部署门路为 /jerry/。这意味着构建后的利用将在 /jerry/ 门路下部署。

通过设置 deployUrl,能够确保构建后的利用在部署时可能正确地加载资源文件(如 CSS、JavaScript 等)和执行路由导航等操作。这对于将利用部署到特定的子门路或将利用托管在特定的服务器上是十分有用的。

退出移动版