vue自定义环境 获取环境变量

.env.development

# just a flag
ENV = 'test' 
# base api
VUE_APP_BASE_API = /test-api 
VUE_APP_SERVICE_URL='https://mock.mengxuegu.com/mock/618b819d4c5d9932f7e75c9f/blog-admin'

.env.production

# just a flag
ENV = 'production' 
# base api
VUE_APP_BASE_API = /prod-api 
VUE_APP_SERVICE_URL='https://mock.mengxuegu.com/mock/618b819d4c5d9932f7e75c9f/blog-admin'

.env.test

# just a flag
ENV = 'test' 
# base api
VUE_APP_BASE_API = /test 
VUE_APP_SERVICE_URL='https://mock.mengxuegu.com/mock/618b819d4c5d9932f7e75c9f/blog-admin'

你也可以build打包之后使用dev环境

使用vueCli创建的脚手架默认的就是2环境 ，执行serve(开发环境) ，dev(生产环境)

我们在main.js或者在vue文件进行打印process.env

下面的NODE_ENV就是现在的环境

我们还可以自己定义 文件

const env = process.env;
let baseURL = "";
if (env.NODE_ENV === "development") {
    
    
  baseURL = env.VUE_APP_SERVICE_URL; // baseURL='dev的地址'
}
if (env.NODE_ENV === "production") {
    
    
  baseURL = env.VUE_APP_SERVICE_URL; // baseURL='pro的地址'
}

if (env.NODE_ENV === "test") {
    
    
  baseURL = env.VUE_APP_SERVICE_URL; // baseURL=test的地址'
}
export {
    
     baseURL };

打印

这种文件就是多余 吧不同的环境下写上相同的变量不同的值就行了