平时请求后台数据接口时,由于不同环境下接口地址不同,常常需要修改多处请求的URL。现使用全局IP配置,使得只修改一处便可以切换不同环境,利于开发维护。
1.创建全局配置文件
将不同环境的接口地址请求头放在这个文件中,方便管理。
ipConfig.js:
//配置后台接口URL地址
export const ipList = {
PRESENT_IP : 'http://localhost:8081/evidences',
TEST_IP : 'http://localhost:8081/evidences',
LOC_IP : 'http://localhost:8081/evidences',
PROD_IP : '',
DEV_IP : '',
}
2.引用配置
在需要使用该配置的文件头部引入配置,然后在用到请求后台数据接口的方法中引用。
//引入相关文件
import {ipList as presentIp} from '../../config/ipConfig'
import axios from "axios";
//请求方法体
axios.get(presentIp.PRESENT_IP+'/XXX').then(function (res){
//处理结果返回
})