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

简介: Spartacus base-url 访问 - 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 等)和执行路由导航等操作。这对于将应用部署到特定的子路径或将应用托管在特定的服务器上是非常有用的。


相关文章
|
9天前
|
域名解析 网络协议 开发工具
阿里云DNS常见问题之访问重定向的url访问有问题如何解决
阿里云DNS(Domain Name System)服务是一个高可用和可扩展的云端DNS服务,用于将域名转换为IP地址,从而让用户能够通过域名访问云端资源。以下是一些关于阿里云DNS服务的常见问题合集:
|
9天前
|
网络协议 开发工具 Android开发
应用研发平台EMAS产品常见问题之接入httpdns后 访问重定向的url访问有问题如何解决
应用研发平台EMAS(Enterprise Mobile Application Service)是阿里云提供的一个全栈移动应用开发平台,集成了应用开发、测试、部署、监控和运营服务;本合集旨在总结EMAS产品在应用开发和运维过程中的常见问题及解决方案,助力开发者和企业高效解决技术难题,加速移动应用的上线和稳定运行。
|
9天前
|
移动开发
钉钉H5微应用配置IP,应用首页地址报错:app url exceeds max length limit,这个怎么处理?
钉钉H5微应用配置IP,应用首页地址报错:app url exceeds max length limit,这个怎么处理?
354 0
|
9天前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
64 0
|
9天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
72 0
|
9天前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
|
9天前
|
Web App开发 测试技术 Python
使用 Python 结合 Selenium 访问一个 url
使用 Python 结合 Selenium 访问一个 url
30 0
|
9天前
|
Web App开发 安全 定位技术
关于使用 Python 和 Selenium chrome driver 访问 url 时修改 source ip 的问题
关于使用 Python 和 Selenium chrome driver 访问 url 时修改 source ip 的问题
65 0
|
9天前
|
存储 前端开发 搜索推荐
Spartacus SSR fallback 成 CSR 时,仍然会在后端继续保持渲染
Spartacus SSR fallback 成 CSR 时,仍然会在后端继续保持渲染
32 0
|
9天前
|
JSON 定位技术 API
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出
谷歌地图接口Google Maps APIs中地图样式设计配置调整与JSON或URL导出