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的複雜。