Reencapsulación de axios basada en la promesa y cómo usarla

Cree un archivo Request.js para escribir el contenido del paquete secundario

//1.首先下载axios模块进行导入
import axios from 'axios'

//2.创建axios对象create
axios.defaults.baseURL = ''

//3.配置请求拦截器
axios.interceptors.request.use(config => {
    
    
    
    return config
})

//4.响应拦截器
axios.interceptors.response.use(response => {
    
    
  
    return response
})

let Server = (params) => {
    
    
    return new Promise((resolve, reject) => {
    
    
        axios({
    
    
            ...params
        }).then(res => {
    
    
            resolve(res)
        }).catch(err => {
    
    
            reject(err)
        })
    })
}
export default Server

Cree un nuevo http.js para almacenar la interfaz encapsulada

//首先导入
 	import  Server  from   '../utils/Request'

	export  const  login = ()  =>Server({
    
      //
    url:'',//请求的路由地址
    method:'', //用来写请求方式
})

Importar en la página donde se debe introducir la interfaz

import {
    
    login} from '@/request/http'

Supongo que te gusta

Origin blog.csdn.net/weixin_46300135/article/details/111153190
Recomendado
Clasificación