uniapp请求方法封装

封装uni.request方法(第一次,写可能写的不好。)

request.js文件

//接口地址
const comUrl = ""//公共路由地址

//get封装
function getRequest(url, data) {
	var promise = new Promise((resolve, reject) => {
		uni.request({
			url: comUrl + url,
			method: "GET",
			data: data,
			dataType: "json",
			//可以在这加上请求头
			success: (res) => {
				resolve(res);
			},
			fail: (res) => {
				reject(res, "网络出错");
			}
		})
	})
	return promise
}

//post封装
function postRequest(url, data) {
	var promise = new Promise((resolve, reject) => {
		uni.request({
			url: comUrl + url,
			method: "POST",
			data: data,
			//可以在这加上请求头
			success: (res) => {
				resolve(res);
			},
			fail: (res) => {
				reject(res, "网络出错");
			}
		})
	})
	return promise;
}

module.exports = {
    post: postRequest,
    get: getRequest
};
main.js
import {get,post} from "xx"//路径地址
Vue.prototype.$get = get
Vue.prototype.$post = post
页面引用
//get引用
this.$get(url,data)
//post引用
this.$post(url,data)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个示例,展示了如何在uniapp封装请求: 1. 创建一个utils文件夹,并在其中创建一个request.js文件。 ```javascript // request.js // 导入uni.request方法 import uniRequest from 'uni-request'; // 创建一个请求实例 const request = uniRequest.create({ baseURL: 'https://api.example.com', // 设置请求的基础URL timeout: 5000, // 设置请求超时时间 }); // 请求拦截器 request.interceptors.request.use((config) => { // 在请求发送之前可以进行一些操作,例如添加请求头等 config.header.Authorization = 'Bearer token123'; // 添加请求头 return config; }, (error) => { return Promise.reject(error); }); // 响应拦截器 request.interceptors.response.use((response) => { // 在接收到响应数据之前可以进行一些操作,例如处理错误码等 if (response.statusCode !== 200) { // 处理错误码 uni.showToast({ title: '请求失败', icon: 'none', }); } return response.data; }, (error) => { return Promise.reject(error); }); // 导出封装后的请求方法 export default request; ``` 2. 在需要发送请求的地方引入封装后的request.js文件,并使用封装请求方法。 ```javascript // 引入封装后的请求方法 import request from '@/utils/request'; // 发送请求 request({ url: '/user/login', method: 'POST', data: { username: 'example', password: '123456', }, }).then((res) => { // 请求成功的处理逻辑 console.log(res); }).catch((error) => { // 请求失败的处理逻辑 console.error(error); }); ``` 这样,你就可以在uniapp封装请求,并使用类似axios的方式进行请求了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值