vue 封装axios接口

1. 创建一个request.js文件

import axios from 'axios'
import { MessageBox, Message } from 'element-ui'

/**
 * @template axios请求封装 拦截
 * @author daidai
 */
const service = axios.create({
  withCredentials: false, // 跨域请求时是否需要使用凭证
  baseURL: '/api',
  timeout: 5000 // request timeout
})

/**
 * @template axios请求拦截器
 * @author daidai 作者
 * @param config 请求头信息
 */
service.interceptors.request.use(
  config => {
    // 可以设置请求头和token信息
    // const TOKEN = localStorage.getItem('Token')
    // // const TOKEN = 'sadwsasdasd'
    // if(TOKEN){
    //   config.headers['Content-Type'] = 'application/json';
    //   config.headers['Authorization'] = TOKEN;
    // }
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

/**
 * @template 响应拦截器
 * @author daidai 作者
 * @par
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值