多环境变量 development 开发 production 生产

多环境变量

一般分为开发环境和生产环境

development 开发
production 生产（上线）
怎么配置多环境变量
首先建立两个文件 在根目录
.env.dev
里面写上 NODE_ENV=“development”
.env.prod
里面写上 NODE_ENV=“production”

这样我们可以通过 process.env.NODE_ENV 这个变量来判断当前的环境
比如我们可以通过判断不同的环境 在 axios 请求的时候设置不同的 baseURL
以及在生产模式种取消 log
在开发的时候使用测试接口
在上线的时候使用真实接口

let baseURL = "";
if (process.env.NODE_ENV == "development") {
  baseURL = "https://api.it120.cc/small4";
} else if (process.env.NODE_ENV == "production") {
  baseURL = "http://localhost:8083";
}
export default baseURL;
// 封装的request 文件中

import baseURL from "./baseUrl";
const instance = axios.create({
  baseURL:baseURL ,
  timeout: 5000,
});

npm run serve 开启的就是开发环境
npm run build 开启的就是生产环境