dva 完善内置fetch的get/post请求

た入场券 2021-07-24 13:14 474阅读 0赞

import fetch from 'dva/fetch';
    import qs from 'querystring';
    
    function parseJSON(response) { 
      return response.json();
    }
    
    function checkStatus(response) { 
      if (response.status >= 200 && response.status < 300) { 
        return response;
      }
    
      const error = new Error(response.statusText);
      error.response = response;
      throw error;
    }
    
    function handleHeaders(options) { 
      const headers = options.headers = options.headers ? options.headers : { };
      const defaultHeaders = { 
        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
      };
      options.headers = Object.assign({ }, defaultHeaders, headers);
    
      if (options.method === 'post') { 
        var body = options.body ? options.body : { };
        body = qs.stringify(body);
        options.body = body;
      }
    }
    
    
    /** * Requests a URL, returning a promise. * * @param {string} url The URL we want to request * @param {object} [options] The options we want to pass to "fetch" * @return {object} An object containing either "data" or "err" */
    export default function request(url, options = { }) { 
    
      //get
      if (!options.method) { 
        url += `?${ qs.stringify(options.params)}`;
      }
      //处理头部
      handleHeaders(options);
    
      return fetch(url, options)
        .then(checkStatus)
        .then(parseJSON)
        .then(data => ({  data }))
        .catch(err => ({  err }));
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，474人围观）

还没有评论，来说两句吧...

相关阅读

相关 js fetch请求使用

文章目录 1、fetch请求语法格式 1.1、fetch请求options参数说明 1.2、fetch请求response返回json数据

痛定思痛。/ 2023年10月10日 14:54/ 0 赞/ 15 阅读

相关 fetch 发送 AJAX请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

悠悠/ 2023年10月06日 17:20/ 0 赞/ 8 阅读

相关 getpost请求的区别

1, get是从服务器上获取数据，post是向服务器传送数据。 2, get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应

一时失言乱红尘/ 2022年06月03日 02:27/ 0 赞/ 334 阅读

相关 fetch 如何请求数据

一序言在传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest或者封装后的框架进行网络请求,然而配置和调用方式非常混乱，对于刚入门的新手并

柔光的暖阳◎/ 2022年04月03日 03:42/ 0 赞/ 235 阅读

相关 fetch 如何请求数据

[fetch 如何请求数据][fetch] > fetch 如何请求数据在传统Ajax 时代，进行 API 等网络请求都是通过XMLHttpRequest

叁歲伎倆/ 2022年04月02日 09:00/ 0 赞/ 246 阅读

相关 springboot post put请求参数问题，获取，内置对象，内置list ， http415

1. 参数接收方式必须加@RequestBody注解，否则无法自动注入到对象。 ![20190426183931828.png][]![20190426184202284.

╰半夏微凉°/ 2022年02月13日 03:53/ 0 赞/ 275 阅读

相关 fetch请求详解

最新更新时间：2019年06月04日16:18:30 [`《猛戳-查看我的博客地图-总有你意想不到的惊喜》`][-_-] > 本文内容：fetch相关概述

灰太狼/ 2022年01月22日 01:07/ 0 赞/ 285 阅读

相关 dva 内置Mock模拟数据

1、在mock文件夹下创建.js文件 2、在文件中创建数据 module.exports={ "GET /地址":数据,

淡淡的烟草味﹌/ 2021年07月24日 21:48/ 0 赞/ 334 阅读

相关 dva 完善内置fetch的get/post请求

import fetch from 'dva/fetch'; import qs from 'querystring'; function p

た入场券/ 2021年07月24日 13:14/ 0 赞/ 475 阅读

相关 fetch 处理网络请求

(1)基本使用 get请求 fetch('路径') //返回响应对象,并要求为json格式 .then(dat

落日映苍穹つ/ 2021年07月24日 11:35/ 0 赞/ 407 阅读