Encapsulación de solicitudes de Axios

La ruta raíz de la solicitud se puede encapsular nuevamente

import config from "./config"
const baseURL = config.url
    getRequest(url, params) {
        return new Promise((resolve, reject) => {
            axios({
                method: "GET",
                baseURL: baseURL,
                url: url,
                params: params,
                headers: { "Content-Type": "application/json" },
            }).then(res => {
                resolve(res.data);
            }).catch(err => {
                reject(err.data)
            })
        });
    },
    postRequest(url, params) {
        return new Promise((resolve, reject) => {
            axios({
                method: "POST",
                baseURL: baseURL,
                url: url,
                params: params,
                headers: { "Content-Type": "application/json" },
            }).then(res => {
                resolve(res.data);
            }).catch(err => {
                reject(err.data)
            })
        });
    },

También puede poner el token en el encabezado de la solicitud, o directamente en la intercepción de la solicitud, depende de su preferencia aquí

axios.interceptors.request.use(config => {
  config.headers.Authorization = localStorage.getItem('token') ? localStorage.getItem('token') : ''
  return config
}, err => {
  console.log(err);
})

Supongo que te gusta

Origin blog.csdn.net/weixin_46824709/article/details/125915007
Recomendado
Clasificación