基于uni.app封装api接口请求,含请求拦截器响应拦截器

最新推荐文章于 2025-02-24 12:19:30 发布

Gik99

最新推荐文章于 2025-02-24 12:19:30 发布

阅读量1.1k

点赞数 3

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

本文链接：https://blog.youkuaiyun.com/Gik99/article/details/136449925

版权

本文介绍了如何在uni.app项目中创建request.js文件，配置请求拦截器和响应拦截器，以及在basics.js中统一管理登录等公共接口。开发者可以借此实现更优雅的API请求处理方式。

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

基于uni.app封装接口请求,含请求拦截器响应拦截器

一、创建request.js 文件(api文件夹=>request.js)

//配置基础地址
const BASE_URL = 'xxx'

//默认请求头 
const acquiesceContenttype = 'application/x-www-form-urlencoded'

export default {
   
	config: {
   
		// 请求拦截器
		beforeRequest(options = {
    }) {
   
			// console.log('请求拦截器', options)
			return new Promise((resolve, reject) => {
   
				options.url = BASE_URL + options.url;
				options.method = options.method || 'GET';
				options.data = options.data;
				options.timeout