一.作用

环境变量:为不同环境设置不同变量

二.开发环境

development

流程:

1.根目录创建一个文件.env.development

2.在文件中设置相应环境的变量

   接口基地址;VUE_APP_开头

   VUE_APP_URL='开发环境接口基地址'

三.生产环境

production

1.根目录创建一个文件.env.production

2.在文件中设置相应环境的变量

   接口基地址;VUE_APP_开头

   VUE_APP_URL='生产环境接口基地址'

四.使用

process.env.VUE_APP_URL可以拿到定义的值

npm  run server 开发:process.env.VUE_APP_URL===aaa

npm  run build   生产:process.env.VUE_APP_URL===bbb

五.实际应用

 

开发环境下:

 我们来看一下是否能够识别到：

可以识别到。

这样我们就可以在生产和开发环境中确定下来一个基地址了。