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;
上一篇:
Java架构师技术进阶路线图
下一篇:
简单介绍TCP,UDP 协议的区别
