基于promise二次封装axios以及如何使用

创建一个Request.js文件用来写二次封装的内容

//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

新建一个http.js用来存放封装后的接口

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

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

在需要引入接口的页面进行引入

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