react axios的二次封装

dongdong1996 2021-03-07

栏目: ios ·

来源: dongdong1996

作者:dongdong1996

简介  这篇文章主要介绍了react axios的二次封装以及相关的经验技巧,文章约1929字,浏览量136,点赞数9,值得推荐!

在src目录下面创建一个api文件夹 api里面创建index.js和request.js文件

index.js

import axios from "axios"
var service = axios.create({
    baseURL: "/api", //所有的请求都会带上 /api
    "content-type": "application/json",
    timeout: 5000
})
//请求拦截器
// service.interceptors.request.use((config)=>{
//     console.log("发请求了  以后要在这里带上令牌")
//     return config
// })

// 响应拦截器
// service.interceptors.response.use((rse) => {
//     return rse;
// })

export default service;

request.js

import axios from "./index"   // 请求

export const getList = () => {
    return axios.get("path")   //跨域要配置代理
}

组件如果想要调用,只需要引用 request.js 调用方法就好了。


以上就是本文的全部内容,希望对大家的学习有所帮助,本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 原文地址:https://www.cnblogs.com/dongdong1996/p/12369482.html

相关文章

axios 的理解和使用 axios.create(对axios请求进行二次封装) 拦截器 取消请求(axios.CancelToken)

axios项目二次封装(示例代码)

react封装基于axios的API请求

解决react项目中跨域和axios封装使用(示例代码)

对AFN的二次封装

基于Senparc的二次封装

AFN的二次封装

okHttp的二次封装