uni-app网络请求封装(完整版)

本文档详细介绍了如何在uni-app中封装网络请求,包括api/user.js中的用户请求API,store/modules/user.js中的用户请求模块,store/index.js的状态管理初始化配置,utils/auth.js的本地缓存设置,utils/env.js的公共参数定义,以及utils/request.js的网络请求中间件实现。同时提供了一个页面使用示例:login.vue,全文完,如有疑问欢迎留言讨论。
摘要由CSDN通过智能技术生成

目录结构(根目录开始)

├── api                        # 所有请求
│   └── user.js          	   # 用户请求api
├── store                      # 全局store管理
│   └── modules          	   # api模块
│   │   └── user.js            # 用户请求模块
│   └── index.js          	   # 状态管理初始化
├── utils                      # 全局公用方法
│   ├── auth.js                # 本地缓存
│   ├── env.js                 # 公共参数
│   └── request.js             # 网络请求中间件
└── main.js                    # 入口文件 加载组件 初始化等

下面是文档内容

api/user.js(用户请求api)

// 引用网络请求中间件
import request from './../utils/request';
/**
 *    登陆请求
 */
export function login(data) {
	return request({
		url: '/user/login',
		method: 'POST',
		data
	})
}

store/modules/user.js(用户请求模块)

// 引用用户请求api
import {login} from '../../api/user';
import {setToken} from '../../utils/auth';

//下面我是示例的微信小程序
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值