React 使用 Axios

Axios

• 如何发送, 端口不一致, 使用 proxy 配置转发
• axios 拦截器, 同意 loading 处理
• redux 里使用异步数据, 渲染页面

示例

• 安装
  • npm i axios

// package.json
  "proxy": "http://localhost:9093"

• 拦截器

import axios from "axios";
import { Toast } from "antd-mobile";

axios.interceptors.request.use(function(config) {
  Toast.loading("加载中", 0);
  return config;
});

axios.interceptors.response.use(function(config) {
  Toast.hide();
  return config;
});