umi-request 网络请求(基于React)

Umi 内置了一个 umi-request 插件来实现网络请求。该插件内部是基于 fetch 进行封装的。

我们在 umi 项目中,可以选择使用内置的 umi-request,也可以单独下载 axios。

一、基本使用

import request from umi-request;

export const getPlayListAsync = () => request.get(http://localhost:3000/personalized);

二、传参语法

1、get 请求
request.get(请求路径, {
          
   
    params: {
          
   
        参数名: 参数值
    }
})
2、post 请求
request.post(请求路径, {
          
   
    data: {
          
   
        参数名: 参数值
    }
})

三、封装

在 umi 项目的 src 目录中创建一个 utils 目录,在 utils 目录中再创建一个 request.js 文件,来对 umi-request 进行封装:

import {
          
    extend } from umi-request;

const request = extend({
          
   
    // 路径前缀(基础路径)
    prefix: http://localhost:3000,
    // 路径后缀
    // suffix: ?id=1,
    // 请求超时时间:请求超过 3s 还未结束的话,就自动断开并报错
    timeout: 3000,
    // headers: {}
})

export default request;
经验分享 程序员 微信小程序 职场和发展