开发时如何区分不同的环境

开发环境 -> development

生产环境 -> production

测试环境 -> test

根据不同的环境我们需要配置不同的 BASE_URL = “ ”

手动切换

在一个文件夹中存储三个 BASE_URL，然后根据不同的环境注释不同的部分

进行判断

自己会识别当下的环境：

（用的比较多）

if(process.env.NODE_ENV === 'development'){
	BASE_URL = ""
}else (process.env.NODE_ENV === 'test'){
	BASE_URL = ""
}else {
	BASE_URL = ""
}
export {BASE_URL}

vue-cli 特殊的方式

在根目录下面创建对应的环境变量

.env

BASE_URL = "development"

.env.development

.env.produciton

.env.test

在根目录下面写三个 env 就可以解决这个问题

VUE_APP_ljj = “lijaijun”

一般情况下是不允许自定义的，但是使用VUE_APP就可以实现自定义

但是在 ts 中会报错，需要在

中声明

declare let $store:any
declare const VUE_APP_ljj= string

就可以解决报错的问题

在其他地方可以直接使用

console.log(process.env.VUE_APP_ljj)

记住一定要重启