React-请求配置封装

1.如果没有引入axios
  npm install axios

在src文件下新建request_api.js文件

import axios from 'axios';
//对外提供的服务地址
const publicIp = process.env.NODE_ENV === 'development' ? 'https:baidu.com' : ''
/**
 * 模块说明:有api_token的请求
 */
export const request = (method,api,params,) => {
	const apiToken = '************';//用户token信息
	const data = (method === 'GET') ? 'params' : 'data';
	let headers = {
		'Content-Type': 'application/json;charset=UTF-8',
		// 'Authorization': `Bearer ${apiToken}`,
	};
	return new Promise((resolve, reject) => {
		axios({
				method: method,
				url: publicIp+api,
				[data]: params,
				headers,
			}).then(resolve).catch(error => {
				console.dir(error);
			});
	});
};

你需要请求数据的页面

//封装好的请求
import {request} from "../../api/request_api";//路径因人而异

// 生命周期函数-优先执行第三
	componentDidMount() {
		console.log("生命周期函数-适用于数据请求")
		let params = {}
		// 封装请求调用
		request('GET','/web/information/informationList', params).then((result) => {
			console.log("result", result.data)
		})
	}