首先
utils/requset.js
const request = (config) => {
// 处理 apiUrl
config.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', // 请求的url
data: data // 参数
})
}
将某一页面或则功能模块的接口请求统一放在一个js文件,在需要使用的页面按需引入
页面引入使用
import {
getDocArticle
} from '@/api/home.js';
直接获取接口数据
getDocArticleData() {
getDocArticle().then(res => {
console.log(res);
}).catch(res => {
})
}