环境变量配置
- .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
来动态使用相关变量。