React中使用全局IP配置

        平时请求后台数据接口时，由于不同环境下接口地址不同，常常需要修改多处请求的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){
          //处理结果返回
        })