Paquete de solicitud de axios simple

▼ Prólogo:

La diferencia entre Params y Data:
GETLos parámetros solicitados están todos URLen el servidor, los datos en el cuerpo http no se leerán, entonces lo que pasamos son los parámetros de solicitud en Params.

Si desea que el servidor lea los datos en el cuerpo http, debe usar la POSTsolicitud y los parámetros de la solicitud POST se almacenan en el cuerpo.

El método de uso resumido es el siguiente:
get方法用params，post方法用data。

PromiseDos parámetros de solicitud asincrónica: resolvefunción de devolución de llamada exitosa; función de devolución de rejectllamada fallida

▼ Referencia paso a paso
obtener solicitud

let get = function (url, data) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios.get(url, {
    
    
      params: data
    }).then((res) => {
    
    
      //  请求成功返回后台数据
      resolve(res.data)
    }).catch((error) => {
    
    
      reject(error)
    })
  })
}

post solicitud

let post = function (url, data) {
    
    
  return new Promise((resolve, reject) => {
    
    
    // qs.stringify()将对象 序列化成URL的形式
    axios.post(url, qs.stringify(data)).then((res) => {
    
    
    //  请求成功返回后台数据
      resolve(res.data)
    }).catch((error) => {
    
    
      reject(error)
    })
  })
}

▼ Referencia paso a paso
Las solicitudes que se pueden enviar por correo reciben solicitudes

let request = function (url, method = 'GET', data = {
    
    }) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios({
    
    
      url: url,
      method: method,
      // post
      data: qs.stringify(data),
      // get
      params: data
    }).then((res) => {
    
    
      // 请求成功返回后台数据
      resolve(res.data)
    }).catch((error) => {
    
    
      reject(error)
    })
  })
}

Después de completar el empaquetado del contenido, debe exportar la función en el archivo:

export {
    
    
  request,
  get,
  post
}

transferir
main.jsInyectar globalmente en el archivo:

// 封装axios primary
import axios from 'axios'
import {
    
     api } from './api'
import qs from 'qs'
// 默认的地址
axios.defaults.baseURL = api

En este punto, podemos llamar libremente a varios métodos de solicitud de red exportados en la api anterior en la página vue.