Axios 请求封装

配置封装axios

import Axios from 'axios'

const axios= Axios.create({
	baseURL: '/',  //基础URL
	timeout: 2000, //请求延时时间
	headers: {'X-Requested-With': 'XMLHttpRequest'},   //自定义请求头内容
	responseType: 'json',  //请求数据类型包括  'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
	withCredentials: true
})
//请求拦截
//所有的网络请求都会先走这个方法
// 添加请求拦截器,所有的网络请求都会先走这个方法，我们可以在它里面为请求添加一些自定义的内容
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log('全局请求拦截');
  // console.log(config);
  // console.groupEnd();
  // config.headers.token='12343'
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
	// 对响应数据做点什么
	// console.log('全局响应拦截')
	// console.log(response)
	// console.groupEnd();
	// console.log(response.status);
	return response;
}, function (error) {
	// 对响应错误做点什么
	// sessionStorage.setItem('login', false);
	// window.location.href = this.$store.getters.getterWeb + "/home.html";
	// console.log(2222);
	return Promise.reject(error);
});

export function get(url, params) {
	return axios.get(url, {
		params
	})
}

export function post(url, data) {
	return axios.post(url, data)
}

export function delete(url) {
	return axios.delete(url)
}

export function put(url, data) {
	return axios.put(url, data)
}

使用

import { get , post , delete , put } from 'axios'
get('name',{name:'zs')
    .then(res=>{
        console.log(res)
    }
    .catch(err=>{
        console.log(err)
    }