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

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

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

解决方法:

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

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

在这里插入图片描述

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

如下图:
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值