react如何封装axios_react ts应用中封装axios

Axios简介

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

特性

• 支持node端和浏览器端
• 支持拦截器等高级配置
• 使用Promise管理异步，告别传统callback方式
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

安装

npm install axios --save

封装 可以在头上加上token

 config.headers.authorization = token 

index.js

/**
 * 网络请求配置
 */
import axios from "axios";
 
axios.defaults.timeout = 100000;
axios.defaults.baseURL = "http://test.mediastack.cn/";
 
/**
 * http request 拦截器
 */
axios.interceptors.request.use(
  (config) => {
    config.data = JSON.stringify(config.data);
    config.headers = {