vue根据不同环境配置系统变量

需要：系统现在要部署在不同的服务中，给不同的用户使用。其中有些功能需要做权限设置，进行是否对其开放功能的动态化操作。

解决方案：系统根目录配置.env

这个大家应该都了解，我们在生产、开发、测试都用不同的环境，就用到这个.env去配置。

然后在package.json中进行配置

这样我们在启动项目的时候，就能根据命令去控制，需要启动什么环境地址。打包也是一样。

.env

我们在配置一个公共字段，在我们需要做权限设置的功能页面，引入然后进行判断。

我的写法是：项目启动后进入首页

获取到env然后存在了本地缓存中

然后封装一个公共方法

根据自己的需求进行判断，在添加权限的页面功能中引入，进行判断既可