Vue项目中使用axios配置请求拦截

// 为给定 ID 的 user 创建请求,并携带 Token
axios.get(‘/user‘, {
    params: {
      ID: 12345
    },
　　 heraders:{
　　　　token:xxxxxx
　　 }
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

// 实例化axios，通过request 来发起 get 请求
const url = ‘/user/login‘
const request = axios.create({
  baseURL: ‘http://testuser:8089‘,
  timeout: 5000
})
request({
  url, 
  method: ‘get‘,
  params: {
    openId: ‘1234‘
  }
})

const whiteUrl = [ ‘/login‘ ]  // 请求白名单，不需要携带 Token 的请求
const url = ‘/user/login‘
const request = axios.create({
  baseURL: ‘https://testuser:8089‘,
  timeout: 5000 // 超时时间
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    const url = config.url.replace(config.baseURL, ‘‘)
　　　　// 判断请求的url是否在白名单中，存在就直接 return config ，不携带 Token
      if (whiteUrl.some(wl => url === wl)) {
        return config
      }
    config.headers[‘token‘] = ‘xxxxx‘
    return config
  },
  error => {
　　 // 将异常返回给用户处理
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    const res = response.data
　　 // 根据业务中定义的状态判断 例如：error_code 为 0 时判定为异常，即将异常返回信息给用户
    if (res.error_code != 0) {
      return Promise.reject(new Error(res.msg))
    } else {
      return res
    }
  },
  error => {
    return Promise.reject(error)
  }
)

export default request

import request from ‘@/utils/request‘

export function login(data) {
  return request({
    url: ‘/vue-element-admin/user/login‘,
    method: ‘post‘,
    data
  })
}