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

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

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

解决方法：

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

在config/dev.env.js和config/prod.env.js中做如下修改：

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

如下图：