需求

有时候写项目做前后端，开发的时候api请求地址为本地，编译后需要请求相对路径，上线与开发的时候都需要手动修改url地址，使用env可以简化操作。

操作

首先安装cross-env

1npm install cross-env

修改package.json的scripts选项，加入参数

如

1  "scripts": {
2    "start": "cross-env REACT_APP_ENV=development react-scripts start",
3    "build": "cross-env REACT_APP_ENV=production react-scripts build",
4    "test": "react-scripts test",
5    "eject": "react-scripts eject"
6  },

在使用url时进行判断

1const isDevelopment = process.env.REACT_APP_ENV === "development";
2const baseUrl = isDevelopment ? "http://localhost:8080" : "";