axios create拦截_axios拦截器配置

以下例子是在vue-cli3下的配置

axios.create() // 创建axios的一个实例,该实例有get和post的方法

process.env.VUE_APP_URL

如果是开发环境,它的值是根目录下.env.development -> VUE_APP_URL对应的值

如果是生成环境,它的值是根目录下.env.production -> VUE_APP_URL对应的值

service.interceptors.request.use() // 配置请求之前的拦截操作

service.interceptors.response.use // 请求成功之后的拦截操作

import axios from 'axios';

import store from '../store';

import router from '../router'

// 创建axios实例

const service = axios.create({

baseURL: process.env.VUE_APP_URL, // api 的 VUE_APP_URL

timeout: 50000 // 请求超时时间(因为需要调试后台,所以设置得比较大)

})

// request拦截器,在请求之前做一些处理

service.interceptors.request.use(

config => {

console.log('config',config);

// 给请求头添加laohu-token

if (store.state.token) {

config.headers['laohu-toke