1：common中創建request.js

const baseurl = 'http://kjs.demo.dopaik.cn';const main = opts => {// opts.url = baseurl + opts.url;const regHost = /^(http|https|\\)/;// test() 方法用于檢測一個字符串是否匹配某個模式.if (!regHost.test(opts.url)) {opts.url = baseurl + opts.url;}!opts.method && (opts.method = 'get');// toLocaleUpperCase() 方法用于把字符串轉換為大寫。opts.method = opts.method.toLocaleUpperCase();!opts.dataType && (opts.dataType = 'json');// return uni.request(opts);return request(opts); }const request = opts => {// Promise 是異步編程的一種解決方案，其實是一個構造函數，自己身上有all、reject、resolve這幾個方法，原型上有then、catch等方法。return new Promise((resolve, reject) => {uni.request(opts).then(result => {resolve(result[1].data);}).catch(reject)}); }export default main

2:頁面上進行調用

import utils from '@/common/request.js';//定義傳進去的參數const opts = {url: '/api/commodity/query',data: {business_sign: this.business_sign}};//接口調用utils.main(opts).then(res => {this.listdata = res.data;},error => {console.log('失敗');});

總結

以上是生活随笔為你收集整理的uni-app接口封装的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。