js-nginx配置字段适配前端服务

当我们有这样一个需求,前端同一套代码,但要根据一些特殊字段展示不同的内容,比如我们有一个场id,暂时这个场id放在前端,后端根据这个场id返回不同的数据,这里前端部署用的是yaml文件,平台是rancher,镜像存在harbor中。
有两种方案:
1、是打包时打入不同的场id,这样简单但是一旦场多了是个很大的问题,不容易维护。
2、是利用nginx传入对应字段,这样打包一次即可。

前端代码设置:
js-nginx配置字段适配前端服务_第1张图片
js-nginx配置字段适配前端服务_第2张图片
定义完,代码中直接window.$entityIdConfig读取对应字段即可。

rancher中的配置
js-nginx配置字段适配前端服务_第3张图片
rancher中对应的yaml配置
js-nginx配置字段适配前端服务_第4张图片

- mountPath: /usr/share/nginx/html/js/entityIdConfig.js
  name: biweb-merchant
  subPath: entityIdConfig.js

对应的nginx配置
js-nginx配置字段适配前端服务_第5张图片
这样就可以了,非常方便!

你可能感兴趣的:(前端,javascript,nginx)