react封装函数_react request.js 函数封装

本文主要介绍了如何在React中封装request.js函数,利用axios进行API请求。内容包括设置axios的基础URL、超时时间、错误处理以及POST请求的数据处理。此外,还提及了向后台传递数组的方法和js函数封装的相关技巧。
摘要由CSDN通过智能技术生成

1.request.js  函数封装

import { Toast } from 'antd-mobile';

import axios from 'axios';

import store from '../store';

import { push } from 'react-router-redux';

import qs from 'qs';

// 请求路径

const BaseUrl = 'https://www.baidu.com/'; // 主机及端口

//axios默认配置请求的api基础地址

axios.defaults.baseURL = BaseUrl;

// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; // post 内容类型

// axios.defaults.headers.get['Content-Type'] = 'application/json;charset=utf-8'; // get 内容类型

// axios.defaults.headers.post['Content-Type'] = 'multipart/form-data'; // post 内容类型 formData 类型

axios.defaults.timeout = 30000; // 超时设置,超时进入错误回调,进行相关操作

axios.defaults.withCredentials = false; // 是否支持跨域cookie

const codeMessage = {

200: '服务器成功返回请求的数据',

201: '新建或修改数据成功。',

202: '一个请求已经进入后台排队(异步任务)',

204: '删除数据成功。',

400: '发出的请求有错误,服务器没有进行新建或修改数据,的操作。',

401: '用户没有权限(令牌、用户名、密码错误)。',

403: '用户得到授权,但是访问是被禁止的。',

404: '发出的请求针对的是不存在的记录,服务器没有进行操作',

406: '请求的格式不可得。',

410: '请求的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值