这里我们假如有两个地址用来发包,分别是
测试: “http://127.0.0.1:9000/ops/”
开发: “http://127.0.0.1:9000/opsdev/"
服务地址为
测试: “http://127.0.0.1:9000/api/ops/api”
开发: “http://127.0.0.1:9000/api/opsdev/api"
当环境不同时,请求地址的基地址需要作出相应改变
使用cross-env 添加环境变量
npm install --save-dev cross-env
在package.json里面编辑
{
"scripts":{
"build":"umi build" ,
"build:opsdev":"cross-env OPSDEV_ENV=opsdev umi build"
}
}
设置ajax请求路径基地址
const API = OPS_ENV === 'opsdev'?`/api/${OPS_ENV}/api`:'/api/ops/api'
axios.defaults.baseURL='http://127.0.0.1:9000'+ API
axios.get('/user/xxx')
//npm build 时,为 http://127.0.0.1:9000/api/ops/api/user/xxx
//npm build:opsdev 时,为 http://127.0.0.1:9000/api/opsdev/api/user/xxx