基础拦截器 axios

基础拦截器axios

import axios from 'axios';
const server  = axios.create({
    baseURL: '', // 基础的URL
    timeout: 5000, // 超时时间
})

//请求拦截器
// 回调函数是在发请求之前被调用的
server.interceptors.request.use(config => {
    // console.log('aaa')

    if(localStorage.islogin) { // 已登录
        config.headers.token = localStorage.islogin; // 给所有请求添加token
    }

    return config; // 必须要return config
})

// 响应拦截器
// 回调函数是在接收求之前被调用的
server.interceptors.response.use(res => {
    res = res.data;  ///这里写 你所想要的 数据 组 例子 res.data.data  建议 找的时候 用log（） 边输入边找
    return res;
})

export default server

创建utils文件 放在此文件夹下 注意 为了 避免找不到 文件 建议 名称 设置为 自己 所 熟记的 语义词

最后引入

引入到 main.js文本内

// 拦截器
import server from '@/utils/server'
Vue.prototype.$axios = server;

最后 效果

//次方法 可以  快捷的获取到 后台发来的数据
 this.$axios({url: '', method: '',}).then(res => {
      console.log(res)
      this.list = res
    })