投稿

uniapp request封装及使用思想

Vedu • • 技术资讯, 程序开发 • 阅读 861

首先在utils目录下创建一个requset.js
utils/requset.js

const request = (config) => {  // 处理 apiUrlconfig.url = '你的链接服务器地址' + config.url;if(!config.data){config.data = {};}let promise = new Promise(function(resolve, reject) {uni.request(config).then(responses => {// 异常if (responses[0]) {reject({message : "网络超时"});} else {let response = responses[1].data; resolve(response);}}).catch(error => {reject(error);})})return promise;};export default request;

创建个封装的js文件，然后抛出，一般来说有些人会选择全局注册，然后页面里直接引用，但是个人觉得把请求的api单独放会更舒服点，这样就可以做到请求和方法单独放在一个文件里，这样我们也能轻松的找到
api文件

api.js

import request from '@/utils/request.js'; // 引入封装好的request// 文章列表获取export function getDocArticle (data) {return request({method: "post", // 请求方式url: '请求的url', // 请求的urldata: data // 参数})}

将某一页面或则功能模块的接口请求统一放在一个js文件，在需要使用的页面按需引入
页面引入使用

import {getDocArticle} from '@/api/home.js';

直接在methods里面直接调用这个封装的方法

getDocArticleData() {getDocArticle().then(res => {console.log(res);}).catch(res => {})}

这个uniapp的简单的封装希望给位喜欢，觉得还不错的话点赞收藏哦

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/tech/29909.html

赞 (1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2022-07-29 14:49
下一篇 2022-09-17 10:15

相关推荐

发表评论

登录后才能评论