封装axios并创建请求函数

封装axios

ajax.js

/*
封装axios
函数的返回值是promise对象
统一处理请求异常
*/

import axios from "axios";

export default function ajax(url, data = {}, type = "GET") {
  return new Promise((resolve, reject) => {
    let promise;
    //1、执行异步ajax请求
    if (type === "GET") {
      promise = axios.get(url, {
        params: data
      });
    } else {
      promise = axios.post(url, data);
    }

    promise
      .then(response => {
        //2、如果成功，调用resolve()
        resolve(response);
      })
      .catch(error => {
        //3、如果失败，不调用reject(),而是提示异常信息（可以结合第三方框架）
        alert("请求出错");
      });
  });
}

请求函数

index.js

/*
接口请求函数
*/

import ajax from "./ajax";

//登录
export const reqLogin = (username, password) =>
  ajax("/login", { username, password }, "POST");