环境变量配置

环境变量配置

• .env
• .env[.mode]
• .env.local
• .env[.mode].local

为了有local，如果某个地址需要你去请求，那么我们可以配置local

在项目开发中，至少存在开发环境和生产环境。在不同环境中，前端所请求的接口大概率是不同的，如果不同，则需要在不同的环境中，使用不同的值

npm run server 所使用的是 development
npm run build 所使用的是 production

我们需要让代码在不同的操作中，使用不同的变量。

！！！！！！！！！！！！！！！！！！！！！！！！后台已经解决跨域的情况。

环境文件创建

在项目根目录里创建两个文件 .env.production .env.development，env文件在创建时可以其任何名字 .env.xxx

如果所有环境中都需要使用的到的变量，我们可以使用，.env文件

如果只是你当前项目中测试使用，可以使用本地环境配置.env.local

给不同的文件中，设置相同的变量名，设置不同的值

变量名设置时以VUE_APP_变量名

.env.development

VUE_APP_BASEURL = 开发环境的后台接口地址前缀

.env.production

VUE_APP_BASEURL = 生产环境的后台接口地址前缀

最后，我们要在项目对应的位置中，使用process.env.VUE_APP_xxx来动态使用相关变量。