uni-app项目实践一（uni.request网络请求封装）

最新推荐文章于 2025-04-17 16:24:34 发布

枕中书

最新推荐文章于 2025-04-17 16:24:34 发布

阅读量1.6k

点赞数

分类专栏： vue 前端文章标签： vue.js uni-app

本文链接：https://blog.youkuaiyun.com/weixin_42614614/article/details/111475882

版权

最近在使用uni-app开发一个小程序，是一个从零开始，自学自主开发的项目，所以在这里和大家分享一下开发历程，首先是项目框架搭建，一般就使用HBuilderX创建就可，今天主要记录uni.request网络请求封装。

1.编写一个request.js

import {
	getToken,
	removeToken,
	removeName,
	removePhone,
	removeIDNum,
	removeUserId
} from '@/utils/auth'
import {
	baseUrl
} from '@/utils/baseUrl.js'

/** 请求参数 
 * 1.url，请求地址
 * 2.data，请求参数
 * 3.funSuccess，成功回调地址
 * 4.funError，失败回调地址
 * 5.hideLoading，是否显示请求弹框
 */
/* request:POST */
export function requestPost(url, data, funSuccess, funError, hideLoading) {
	requestTask(url, data, funSuccess, funError, hideLoading, "POST");
}
/* request:GET */
export function requestGet(url, data, funSuccess, funError, hideLoading) {
	requestTask(url, data, funSuccess, funError, hideLoading, "GET");

}

/* 网络请求封装 */
// 不需要登录的接口
const noToken = [
	'api/login', '