vue在执行代码(客户端代码)中使用定义的环境变量(cross-env)

vue管理多项目请移步https://blog.****.net/qq_40652539/article/details/102506149

场景:
我是由于在同一个vue服务下管理了多个项目,而个别界面是这些项目共用的,对于多项目共用的这个界面而言,在每个项目下又存在个细微的差别(比如:不同项目下只是界面的背景图不同),于是乎,我需要在这个页面中针对不同的项目显示不同的图片

解决方法:

第一种、在共用界面判断定义的环境变量

config/dev.env.jsconfig/prod.env.js中做如下修改:

vue在执行代码(客户端代码)中使用定义的环境变量(cross-env)

第二种、在入口文件中定义全局属性(该方法只适用于每个项目有单独的入口文件)

如下图:
vue在执行代码(客户端代码)中使用定义的环境变量(cross-env)