uniapp 数据网络请求封装以及通用使用

最新推荐文章于 2025-03-03 11:21:08 发布

niersen丶尼尔森

最新推荐文章于 2025-03-03 11:21:08 发布

阅读量9.8k

点赞数 2

分类专栏：笔记 uniapp 文章标签： uniapp 网络请求封装通用

本文链接：https://blog.csdn.net/Neil_1993/article/details/90483790

版权

本文档介绍了如何在uniapp中进行数据网络请求的封装，包括在index.js和interface.js两个关键文件中的配置和使用方法，旨在实现请求的通用化。

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

index.js

import http from './interface'

/**
 * 将业务所有接口统一起来便于维护
 * 如果项目很大可以将 url 独立成文件，接口分成不同的模块
 * 
 */

// 单独导出(测试接口) import {test} from '@/common/vmeitime-http/'
export const test = (data) => {
	/* http.config.baseUrl = "http://localhost:8080/api/"
	//设置请求前拦截器
	http.interceptor.request = (config) => {
		config.header = {
			"token": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
		}
	} */
	//设置请求结束后拦截器
	http.interceptor.response = (response) => {
		console.log('个性化response....')
		//判断返回状态 执行相应操作
		return response;
	}
    return http.request({
		baseUrl: 'https://unidemo.dcloud.net.cn/',
        url: 'ajax/echo/text?name=uni-app',
		dataType: 'text',
        data,
    })
}

// 轮播图
export const banner = (data) => {
    return http.request({
        url: '/banner/36kr',
        method: 'GET', 
        data,
		// h