无论是Vue、React开发中，我们都会用到fetch方法来请求接口api，并且有时请求的方法（post、get）不一样，还需要使用不同的方式请求，所以我们可以直接封装一份自定义Ajax请求。

    1. import * as qs from "qs";
    3. const postHeader = {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'};
    4. const getHeader = {'Content-Type': 'application/json;charset=utf-8'};
    6. export function ajaxFetch(url, data, method) {
    7.     if (method === 'get') {
    8.         return getFetch(url, data, getHeader);
    9.     } else {
    10.         return postFetch(url, data, postHeader)
    11.     }
    12. }
    14. //post请求
    15. function postFetch(url, data, header) {
    16.     return fetch(url, {
    17.         method: 'post',
    18.         headers: header,
    19.         body: qs.stringify(data),
    20.     }).then(res => {
    21.         return res.json()
    22.     })
    23. }
    25. //get请求（请求的参数直接拼接在url上面）
    26. function getFetch(url, data, header) {
    27.     let data_url = ''; //拼接的url
    28.     let keys = Object.keys(data); //获取传参的键
    29.     //拼接传参
    30.     for (let i = 0; i < keys.length; i++) {
    31.         data_url += `${keys[i]} = ${data[keys[i]]}&`
    32.     }
    33.     return fetch(`${url}?${data_url}`, {
    34.         method: 'get',
    35.         headers: header,
    36.     }).then(res => {
    37.         return res.json()
    38.     })
    39. }

    然后我们在url接口文件中直接使用即可

    1. import {ajaxFetch} from "./ajax";
    3. export function getAllUrls(data) {
    4.     return ajaxFetch('/api/xxxx', data, 'get');
    5. }