首先在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的简单的封装希望给位喜欢,觉得还不错的话点赞收藏哦
留言与评论(共有 0 条评论) “” |