Vue、React 区分生产环境和开发环境
1.手动切换
export const BASE_URL = 'http://codercba.com:9002'
// export const BASE_URL = 'http://codercba.prod:9002'
export const TIME_OUT = 10000
2.依赖当前环境: development/production
console.log(process.env.NODE_ENV)
let BASE_URL = ''
if (process.env.NODE_ENV === 'development') {
BASE_URL = 'http://codercba.dev:9002'
} else {
BASE_URL = 'http://codercba.prod:9002'
}
export { BASE_URL }
3.从定义的环境变量的配置文件中, 加载变量
- 根目录下新建开发环境的文件和生产环境的文件,dev.env.js 和 prod.env.js
console.log(process.env.REACT_APP_BASE_URL)