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的复杂。