封装axios以及封装完如何使用

import axios from 'axios'
import qs from 'qs'
const baseUrl = 'http://127.0.0.1:3007/api'
// 传送json格式的post请求
export const postRequest = (url, params) => {
  return axios({
    //反单引号内${}两个元素进行拼接
    url: `${baseUrl}${url}`,
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
    // qs.stringify方法是将变量转换成url格式
    data: qs.stringify(params)
  })
}
// 传送json格式的get请求
export const getRequest = (url, params) => {
  return axios({
    url: `${baseUrl}${url}`,
    method: 'get',
    params: params
  })
}

举例qs.stringify的用法，将取到的变量转换成url格式

var Lk = {year: '2021',month: '01'};
qs.stringify(LK);
console.log(qs.stringify(LK));
//'year=2021&month=01'

封装完使用

postRequest('/login', this.loginForm).then(res => {
              if(res.code !== 0) {
                //回调函数这里面方法自己随便写
                this.updateCaptcha()
                return this.$message.error(res.msg)
              }；
getRequest('/captcha').then(res => {
          this.captchaUrl = res
          console.log(res);
        })