uniapp 请求接口封装

根目录新建一个文件夹(request),里面有两个js文件,一个config.js和http.js

config.js

let baseUrl = '';
if (process.env.NODE_ENV === 'development') {
	console.log('开发环境');
	baseUrl = "http://192.168.10.111:8082"; //王

} else {
	console.log('生产环境');
	baseUrl = "https://mp.fffffffffffff.cn"
}
export default baseUrl;

 http.js

// //管理网络请求
import baseUrl from "@/request/config.js"

let http = (option) => {
	return new Promise((resolve, reject) => {
		uni.request({
			url: baseUrl + option.url,
			method: option.method || "get",
			header: option.header || {
				"third-session": uni.getStorageSync('userInfo').sessionKey
			},
			timeout: option.timeout || 6000,
			data: option.data || {},
			success: res => {
				switch (res.data.code) {
					case 200: // 请求正确
						resolve(res)
						break;
					case 60001: // 登录超时
						uni.showToast({
							icon: 'none',
							title: res.data.msg,
							duration: 2000
						})
						uni.clearStorageSync()
						resolve(res)
						break;
					default:
						resolve(res)
						break;
				}
			},
			fail: err => {
				uni.showToast({
					title: "请求失败,请稍后再试",
					icon: "none",
				})
				reject(err)
			}
		})
	})
}

export default http;

 

在main.js中引入

 

 使用

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值