夜雨聆风
【猎奇】uni-app小项目快速封装小程序 API 请求地址
这个世纪疯狂，没人性，腐败；你却一直清醒，温柔，一尘不染。 —弗朗索瓦丝·萨冈-
# 突发奇想
在一个非常小的项目中，正常在utils目录中写一个api.js文件；存储所有api请求导出给其他文件调用；
所有突发奇想的api中的参数是不是也可直接在api.js中完成。这样修改接口就可以不用修改大量文件
如果只有接口中只有一个参数，可以直接拼接
# 多个参数
多个参数我们最常见的写法就是如下，但是会给你报错page没有定义
const getList2 = bastUrl + `/index.php/Applist/list?page=${page}&pageSize=${pageSize}`;报错 ReferenceError: page is not defined
因此需要修改成函数模式
const bastUrl = "http://yongadmin";const getList2 = (page, pageSize) => bastUrl + `/index.php/Applist/list?page=${page}&pageSize=${pageSize}`;export {bastUrl,getList2}
# 页面调用
// 获取应用实例const app = getApp()import { getList2 } from "@/utils/api.js";
// 获取列表getList() {const url = getList2(1,20);uni.request({url: url,success: (res) => {console.log('获取列表失败', res.data.data)}})},
# 最后最后
奇葩思路，如果项目小，需要快速上线；可以考虑下这个方式；若你的项目小中型这种方式灵活性比较差
