使用UmiJS封装请求umi-request

根据umi-request文档做了一个极简单的封装，错误处理，中间件可以根据文档自行添加

请求代理在.umirc.js中配置proxy

// request.jsimport { extend } from "umi-request";const errmsgMap = {}const HttpRequest = function ({url, method, params}) {let config = {method, // 请求方式params: (method == 'GET' || method == 'get') ? params : {}, // 如果是get请求使用 paramsdata: (method == 'POST' || method == 'post') ? params : '', // 如果是post请求使用 datatimeout: 5000,headers: {'Content-Type': 'multipart/form-data',},prefix: '', // 统一设置 url 前缀suffix: '', // 统一设置 url 后缀errorHandler: function (error) {// 异常console.log('异常:', error);if (error.response) {}throw error.response  // 将错误抛出，可在catch中捕获错误}}console.log(url + '请求参数:', config);const request = extend(config)// 注意这里的请求地址return request(url)
}export default HttpRequest;

// api.jsimport HttpRequest from './request'export default {testApi: () => HttpRequest({url: '/api/v2/movie/in_theaters',method: 'get',params: {apikey: '0b2bdeda43b5688921839c8ecb20399b'}})
}

// page页面调用import { useEffect } from "react";import api from "../../../api/api";export default function CurrencyListPage() {useEffect(() => {api.testApi().then(res => {console.log(res);})})return (<div>列表</div>)
}

使用UmiJS封装请求umi-request相关推荐

uni-app封装请求方法与api封装调用
1.封装请求创建request.js文件,把一下内容根据自己的需求更改. //封装请求方法 //声明一个请求函数 const api_request=(url, method, parm)=>{ ...
【uniapp】封装请求
目录第一种:不结合store 1.封装请求 2.创建文件存放我们的请求接口 3.全局导入 4.页面直接使用第一种:不结合store 1.封装请求 http/request.js // 全局请求封装 ...
uniapp封装请求（包含白名单、验签）
import { apiBaseUrl, jhghUrl, apiSalt, userCheckList, jhghUrlrenzheng } from '@/common/config.js'; i ...
微信小程序 python接口_微信小程序-封装请求基准路径、接口API 和使用
1.在文件夹utils下新建 request.js文件 2.封装请求代码 // 基准路径 //路径仅为举例 const baseurl ='https://127.0.0.1' //get请求 fun ...
微信小程序/uni-app 封装请求
utils>http>http.js文件一层封装请求 //post和get请求封装 const baseUrl = "XXXXXXXXX"; // 测试环境 cons ...
小程序promise封装post请求_微信小程序 es6-promise.js封装请求与处理异步进程
微信小程序 es6-promise.js封装请求与处理异步进程下载es6-promise.js置于根目录下的libs文件夹下: 在根目录utils文件夹下新建httpsPromisify.js,即定 ...
十一、Struts2封装请求参数的方式
十一.Struts2封装请求参数的方式方式一.Action 本身作为model对象,通过成员setter封装(一个名字为params的拦截器干的) 注意:表单中的名称要和动作类中的名称一致(这是必须 ...
java 请求响应_java http接口请求响应 request response
接口类: 1 package org.sunshine.dcda.epg.wechat.controller.niao; 2 3 import javax.servlet.http.HttpServl ...
原生JS封装ajax以及request
一.封装原生的xhr为ajax类 xhr以及用法见之前的文章 1.根据url确定请求的头部以及别的信息. var _headerConfig = {};if(url.indexOf('getcaptc ...

使用UmiJS封装请求umi-request

根据umi-request文档做了一个极简单的封装，错误处理，中间件可以根据文档自行添加

请求代理在.umirc.js中配置proxy

使用UmiJS封装请求umi-request相关推荐

最新文章

热门文章