react项目中封装axios，设置请求头

react中封装axios

在src目录下新建一个request.js文件。

import axios from "axios";
//设置请求得基准地址
axios.defaults.baseURL = 'http://xxxx.com/api'
const $http = axios.create();
//设置请求头
$http.interceptors.request.use(config => {
    // 给请求头加上Authorization,authJWT的字段,值为token
    config.headers.Authorization = window.sessionStorage.getItem('token')
    config.headers.authJWT = window.sessionStorage.getItem('token')
    return config
})
  
//导出
export default $http;

使用

//引入$http
import $http from '../request'

class Admin extends React.Component {
    componentDidMount () {
        $http.get('http://xxxx.com/api/station/list?page=1&pagecount=10').then((res) => {
            console.log(res);
        })
    }

以上就是在react中封装axios