当前位置:首页 > 编程笔记 > 正文
已解决

uniapp 封装request请求

来自网友在路上 159859提问 提问时间:2023-09-22 22:12:20阅读次数: 59

最佳答案 问答题库598位专家为你答疑解惑

在request 文件夹 新建request.js

import main from "main.js"
export const request = (options) => {return new Promise((resolve, reject) => {let token = uni.getStorageSync('token')options.header.Authorization = tokenuni.request({url: main.baseUrl + options.url,data: options.data || {},method: options.method || 'POST',header: options.header,success: (res) => {if (res.data.code == 401) {uni.navigateTo({//保留当前页面,跳转到应用内的某个页面url: '/pages/login/login'})}console.log(res.data); // 控制台显示数据信息resolve(res.data)},fail: (err) => {// 页面中弹框显示失败uni.showToast({title: '请求接口失败'})// 返回错误消息reject(err)},catch: (e) => {console.log(e);}})})
}
// 将对象导出外部引入使用
export default {request
}

在main.js 下添加

//接口请求
export default {baseUrl: "http://192.168.0.18:8081"
}

页面中引用

	import request from "@/request/request.js"

绑定事件调用接口

	getcodes() {request.request({url: '/getPhoneCode',data: {username: this.username},header: {'content-type': 'application/x-www-form-urlencoded'},method: 'post',}).then(res => {console.log("------res------", res)})}
查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"uniapp 封装request请求":http://eshow365.cn/6-11682-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!