uniapp request封装及使用思想

首先在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

发表评论

登录后才能评论