我们以会员信息为例新开请求
在 mocks 文件夹下新建数据文件 getUserInfo.json
src/public/static/项目名称/mocks/user/getUserInfo.json
内容为:json { "state": { "code": 2000, "msg": "OK" }, "data": { } }
在 src/fetchers
文件夹下,以 F 开头的请求请求集中,添加一个独立的请求方法,方法名和 json 文件一样
例如:在 FUser.js
中添加 getUserInfo
```js
class FUser extends Fetcher {
constructor() {
super({
urlPrefix: ['/api/user/', '/mini/'],
});
}
// 读取会员信息
getUserInfo(user) {
const url = this.spellURL('getUserInfo', 'User/Info');
const send = {
...this.transKeyName('underline', user),
};
return this.post(url, send);
}
}
export const $fetchUser = new FUser();
```
如果创建一个全新的请求集,那么构造器的 urlPrefix 参数的第一个值为 '/api/分类名/'
在需要的需要的数据控制文件中:
- 使用 import
引入需要的使用的请求集
- 在类中,添加一个独立方法,调用对应的数据请求
import { $fetchUser } from '@fetchers/FUser';
export class PLogisSender extends Pilot {
// 加载用户详情
onLoadUserDetail(user) {
Taro.showLoading();
$fetchUser.getUserDetail(user)
.then(res => {
Taro.hideLoading();
if (!res) {
return;
}
this.userDetail = res.detail;
});
}
}