根目录下创建request文件,创建index.js,封装原生小程序请求
const $api = ({ method, url, data }) => {
let baseUrl = "https://api.thecatapi.com/";
return new Promise((resolve, reject) => {
wx.request({
url: baseUrl + url,
method,
data,
success: (res) => {
resolve(res);
},
fail: (err) => {
reject(err);
console.log("res失败", err);
},
});
});
};
export default $api;
创建api.js统一管理api
import $api from "./index.js";
export const getData = () => {
return $api({
url: "v1/images/search?limit=10",
method: "get",
});
};
demo.js调用
import { getData } from "../../request/api.js";
// 初始化调用
onLoad: function (options) {
this.getImage();
},
// 网络请求
getImage() {
getData().then((result) => {
console.log("result", result);
});