React

网络请求库

Axios

代码示例：

// src/test/Test01.jsx

import React, {Component} from 'react';
import axios from 'axios'

export default class Test01 extends Component {
    constructor() {  // 构造器函数
        super()
        axios({
            url: '',  // 请求URL
            method: 'get',  // 请求方式
            headers: {  // 附带校检
                '': '',
            }
        }).then(res => {  // 请求成功时（res拿到的不是原始数据，通过res.data拿到的才是原始数据）
            console.log(res.data)
        }).catch(err => {  // 请求失败时
            console.log(err)
        })
    }

    render() {
        return (
            <div>

            </div>
        );
    }
}

请求拦截器

// src/util/request.js

// 注册拦截器
import axios from "axios";

axios.interceptors.request.use(function (config) {  // 发起请求之前
    return config
}, function (error) {  // 发起请求失败时
    return Promise.reject((error))
})

axios.interceptors.response.use(function (response) {  // 请求成功之后
    return response
}, function (error) {  // 请求失败时
    return Promise.reject(error)
})