首页 > 其他分享 >Spartacus base-url 访问 - CSR 端需要修改的配置

Spartacus base-url 访问 - CSR 端需要修改的配置

时间:2023-05-18 15:55:45浏览次数:44  
标签:Spartacus url APP jerry BASE base 构建 HREF angular

假设我想把 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 等)和执行路由导航等操作。这对于将应用部署到特定的子路径或将应用托管在特定的服务器上是非常有用的。

标签:Spartacus,url,APP,jerry,BASE,base,构建,HREF,angular
From: https://www.cnblogs.com/sap-jerry/p/17412196.html

相关文章

  • 数据库 | Database
    1入门1.1元数据数据可以分为两类:元数据和实际数据.元数据是描述数据的数据,也可以被称为"数据的数据".它们提供了关于数据的信息,例如数据的来源,格式,大小,类型,版本,创建日期,更新日期等等.元数据通常用于数据管理和数据发现,以帮助用户更好地理解和使用实际......
  • Spartacus product 明细页面的产品图片显示
    Spartacus产品明细页面(productdetailpage)如下图所示:其selector为cx-product-images:在Spartacus实现里,有两个Component都使用了这个selector,但是PDP页面使用的是前者,即下图图例1所示的ProductImageZoomProductImagesComponent:这个Component里有一个cx-m......
  • 四、HBase平台安装
    解压:tar-zxvfhbase-1.2.1-bin.tar.gz配置文件(/usr/local/src/hbase-1.2.1/conf路径下):vihbase-env.shexportJAVA_HOME=/usr/local/src/jdk1.8.0_181/(27)配置文件:vihbase-site.xmlhbase.rootdir/usr/local/src/hbase-1.2.1/HBASEhbase.cluster.distributedtrue......
  • Hbase - hbase hbck介绍
     HBaseFsck(hbck)是一种命令行工具,可检查hbase集群的region一致性和表完整性的问题,同时可以修复损坏的集群数据 hbasehbck[options]options:-fixAssignments-fixMeta-fixHdfsHoles-fixHdfsOrphans-fixTableOrphans-fixhdfsOverlaps-sidelineBigOverlaps-maxOverla......
  • python:ERROR: Could not build wheels for wordcloud, which is required to install
    pycharm里无法下载,在下面下载出现问题 需要下载error里的文件https://www.lfd.uci.edu/~gohlke/pythonlibs/#wordcloud这个网站找。输入Python,看自己电脑是怎样的 下载文件后,放到对应位置,下载成功 ......
  • Flask003_ URL 与视图
    [email protected]中的第一个字符串参数叫作URL。“/”代表网站的根路径,只要在浏览器中输入网站的域名即可访问到“/”。视图函数被@app.route装饰的函数叫作视图函数。......
  • Spartacus 产品明细页面的 API 设计
    当我们使用如下url访问Spartacus产品明细页面时:https://spartacus-demo.eastus.cloudapp.azure.com/electronics-spa/en/USD/product/300938/PhotosmartE317DigitalCamera能观察到下面的OCCAPIcall:https://spartacus-demo.eastus.cloudapp.azure.com:8443/occ/v2/el......
  • edge浏览器列表 edge://edge-urls
    ListofEdgeURLsedge://aboutedge://accessibilityedge://app-service-internalsedge://app-settingsedge://application-guard-internalsedge://appsedge://attribution-internalsedge://augloop-internalsedge://autofill-internalsedge://blob-internalsedge......
  • Golang URL query contains semicolon 报错解决方案
    ​ 报错信息http:URLquerycontainssemicolon,whichisnolongerasupportedseparator;partsofthequerymaybestrippedwhenparsed;seegolang.org/issue/25192 高版本http废除了分号做分隔符,会在http库中做报警输出,基础库代码如下:func(shserverHandle......
  • java的urlRewriter
    现在UrlRewriter技术有两个技术平台的,一个就是在Java方向的,另一个就是.NET方向的。今天我们讲的是Java方向的应用。首先让我们了解它的工作原理,说白了它就是一个简单的过滤器(Filter),看看源码你就会很快的明白,它就是通过我们在jsp中常用的两个方法实现的forward(),sendRedirect().下......