export async/await 的实践

之前在使用axios的时候都是封装成async/await的形式去调用,
react axios的使用 封装async/await》
《vue 开发axios的封装async/await》
下面的代码和上面的息息相关。

需求

现在遇见一个问题,就是有一个接口需要在很多个页面调用,涉及到多人开发,不可能每个人的页面都去写一次,那么这里就需要再次的封装一下了。

封装

  1. 新建一个testRequest.js的文件;
  2. 编写如下内容:
import httpTool from '@/httpTool.js';
// 测试接口
export async function testRequest() {
  let res = await httpTool.post('api/testRequest',{
    参数名1: 参数值1,	
    参数名2: 参数值2,
    ……
  });
  return res;
}

使用

1.引入文件

import {testRequest} from './testRequest.js'

2.具体代码

testRequest().then((res)=> {
  // 这里做你需要的业务处理
});

到这里就完了,只需要项目组其他人员调用这个方法即可,也避免的redux的复杂。

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页