axios基本封装-基于vue

安装、引用

npm install axios --save // 安装到生产环境
import Axios from 'axios'

本次封装运用class类进行封装
当new class类时, 默认执行class类中constructor()方法；

class Http {
	constructor() {
		// new Http() 默认执行该方法
	}
}

export default async options => {
	let result = await new Http(options);
	if (result) {
	return result.data;
}

axios

1. 创建axios的实例

this.httpInstance = Axios.create({
	baseURL: ‘www.baidush.com/’,  // 设置基本url地址; 之后再传入 url:'/details'就行, 会自动拼接
	timeout: 30000, // 设置超时时间
	header: { // 设置请求头,
		'content-type': 'application/x-www-form-urlencoded',
		'自己填': '随便填, 一个对象'
	},  
});

设置拦截器

this.httpInstance 就是axios的实例
在创建完实例时候可以设置拦截器

// 请求拦截
this.httpInstance.interceptors.request.use( config => {