头图

有时候我们想做一些接口测试用来快速的获取信息,或者想要绕过项目封装好的axios请求,此时就可以用axios直接请求接口,下面是axios直接请求的几种方式

方式一:通过对象的形式配置axios参数

import axios from "axios";

export const trackLogin = async () => {
  return new Promise(async (resolve, reject) => {
    try {
      let params = {
        userName: 'admin',
        password: '123456’,
      };
      let res = await axios({
        method: "get",
        url: "https://api.weco.cn/interface",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        params,
      });
      resolve(res);
    } catch (err) {
      console.log(err);
      reject(err);
    }
  });
};

post请求参数需要改为data

let res = await axios({
    method: "post",
    url: "https://api.weco.cn/interface",
    headers: {
        "Content-Type": "application/x-www-form-urlencoded",
    },
    data: params, // data
});

方式二:便捷的请求方式

get请求

let params = {
     userName: 'admin',
     password: '123456’,
};
axios.get('url', params)

post请求

let params = {
     userName: 'admin',
     password: '123456’,
};
axios.post('url', params)

兔子先森
360 声望14 粉丝

致力于新技术的推广与优秀技术的普及。