axios封装到reques.js文件中

最新推荐文章于 2024-07-20 15:55:15 发布

Dead_Cicle

最新推荐文章于 2024-07-20 15:55:15 发布

阅读量205

点赞数

文章标签： javascript okhttp 开发语言

本文链接：https://blog.csdn.net/Dead_Cicle/article/details/131943167

版权

文章展示了如何将axios请求封装成一个可复用的函数，通过创建Promise处理GET和POST等方法，减少每次import和编写相同代码的需求。使用时只需import封装后的函数并传入参数即可进行ajax请求。

摘要由CSDN通过智能技术生成

封装到js中，避免每次都import 然后写一大堆

import axios from 'axios'
/*
可复用的发 ajax 请求的函数: axios
*/
let baseURL='http://localhost:3000/'
export default function promiseAjax(url,method='get',data=null,params) {
    return new Promise((resolve, reject) => {
        axios({
            method:method,
            url:baseURL+url,
            data
        }).then(response=>{
            console.log('response',response);
            resolve(response);
        })
    })
}

// export default promiseAjax

第二步引用使用 import request from '../hocks/request'

第三步使用

request(传参).then（）