【uniapp】带你优雅的封装uniapp的request请求

子龙大将军^_^

已于 2024-10-24 14:29:29 修改

阅读量1.3w

点赞数 45

分类专栏： uniapp 文章标签： uni-app vue.js 前端框架 1024程序员节

于 2024-02-23 14:03:18 首次发布

本文链接：https://blog.csdn.net/qq_36375343/article/details/136250792

版权

文章介绍了如何在Vue项目中使用uni-app封装get和post请求，创建index.js和api.js文件进行接口管理和错误处理，以提高代码复用性和维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装前的准备

先在项目目录上右键 - 新建目录request（用于存放封装的API请求文件），并至少创建两个js文件

index.js用于封装get、post请求，接收参数并返回数据
api.js用于封装后台接口，便于页面调用和后期维护（可以是多个，看自己的模块化分）

接下来直接上干货，不啰嗦

1. index.js：封装get、post请求，接收参数并返回数据

// 全局请求封装
const base_url = 'http://localhost:996'
// 请求超出时间
const timeout = 5000

// 需要修改token，和根据实际修改请求头
export default (params) => {
	let url = params.url;
	let method = params.method || "get";
	let data = params.data || {};
	let header = {
		'Blade-Auth': uni.getStorageSync('token') || '',
		'Content-Typ