fetch数据请求的封装

Posted 旭i丿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了fetch数据请求的封装相关的知识,希望对你有一定的参考价值。

export default class HttpUtils {
    static get(url){
        return new Promise((resolve,reject)=>{
            fetch(url)
                .then(response=>response.json())
                .then(result=>{
                    resolve(result)
                })
                .catch(error=>{
                    reject(error)
                })
        })
    }
    static post(url,data){
        return new Promise((resolve,reject)=>{
            fetch(url,{
                method:‘post‘,
                header:{
                    ‘Accept‘:‘application/json‘,
                    ‘Content-Type‘:‘application/json‘
                },
                body:JSON.stringify(data)
            })
                .then(response=>response.json())
                .then(result=>{
                    resolve(result)
                })
                .catch(error=>{
                    reject(error)
                })
        })
    }
}

  

以上是关于fetch数据请求的封装的主要内容,如果未能解决你的问题,请参考以下文章

Fetch请求的简易封装

Fetch请求的简易封装

解析ajax服务请求——客户端的数据配置解析——服务端node的接收数据的解析——其他状态——fetch——ajax封装fetch

基于 Fetch 的请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装