axios 的封装

axios 的封装使用

• 在src目录下创建utils文件夹，里面创建一个http.js文件，文件内容如下

import axios from 'axios'
import { Toast } from 'vant';
// 实例化一个axios对象
let http = axios.create({
	// 路径
    baseURL:process.env.VUE_APP_BASE_URL,
    // 延迟时间
    timeout:5000,
    withDirectives:true     // 是否携带cookies
})

// 请求拦截
http.interceptors.request.use(config=>{
    // 设置loading
    Toast.loading({
        message: '加载中...',
        // 禁止点击
        forbidClick: true,
    });
    return config
},err=>{
    throw new Error(err)
})


// 响应拦截
http.interceptors.response.use(res=>{
    // 关闭loading
    Toast.clear()
    return res
},err=>{
    throw new Error(err)
})
// 导出
export default http

值得一提的

.then(res=>{},err=>{})  == .catch(err=>{ throw new Error(err) })
//then的第二个参等同于catch抛错