uni-app网络请求的封装

25 篇文章 0 订阅
3 篇文章 0 订阅

http.js

// 环境的切换
let pubUrl = ""
if (process.env.NODE_ENV === 'development') {
// 开发环境
	pubUrl = "http://192.168.1.101:8888/****"
} else if (process.env.NODE_ENV === 'debug') {
	pubUrl = "" // 调试环境
} else if (process.env.NODE_ENV === 'production') {
	pubUrl = "" // 生产环境
}
// 允许当前axios携带cookie
const http = (options) => {
	return new Promise((resolve, reject) => {
		uni.request({
			//官方文档说是默认携带cookie(h5环境),实际体验并非如此
			withCredentials: true,
			url: pubUrl + options.url,
			method: options.method || 'get',
			data: options.data || {},
			header: options.header || {
				// 	'content-type': 'application/x-www-form-urlencoded'
				// #ifdef !H5 只在非h5的小程序添加下面的  cookie
				cookie: uni.getStorageSync("shiro")
				// #endif
			},
			//请求成功的回调,可以在方法做返回状态码的判断。也可以直接返回resolve  ==》success: resolve,fail:reject
			success: (res) => {
				resolve(res)
			},
			//请求失败的回调,可以在方法。反馈用户、提示用户,也可以直接返回reject  ==》success: resolve,fail:reject
			fail: (err) => {
				reject(err)
			},
		})
	})
}
export default http

indexApi.js

import http from './http.js' //引入上面封装好的请求方法
// 获取轮播图


//登录的api
export const login = data => http({
	url: '/user/login',
	method: 'post',
	data: data
})
//测试的api
export const test = data => http({
	url: '/user/test',
	method: 'get',
	data: data
})

具体的调用

import {
		login,
		test
	} from '../../static/api/indexApi.js' //首先要引入封装好的上述api文件,路径根据自己文件的位置
			test() {
				test({
					"tel": "******",
					"pwd": "123456"
				}).then((res) => {
					console.log(res)				
				 });
			}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值