axios 一层封装

第一步安装：npm install --save axios
第二步：创建一个api.js 文件

import axios from 'axios';

axios.defaults.timeout = 30000;

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
//可以写if判断，提前拦截错误信息
return response;
}, function (err) {
return Promise.reject(err);
});

export function apiGet(url, params){ 
	return new Promise((resolve, reject) =>{ 
		axios.get(url, { 
			params: params,
			headers:{"token":sessionStorage.getItem('token')}
		}).then(res => {
			resolve(res.data);
		}).catch(err =>{
			reject(err.data) 
		}) 
   });
}


export function apiPost(url, params){
	return new Promise((resolve, reject) => {
			axios({
				method: 'post',
				url:url,
				data:params
			}).then(res => {
				resolve(res.data);
            }).catch(err =>{reject(err.data)})
        });
    }

第三步，在main.js 中声明原型使用

import {apiGet,apiPost} from './api/https'
Vue.prototype.$apiGet  = apiGet
Vue.prototype.$apiPost = apiPost

第四步，在页面中使用
 

this.$apiGet('url',data).then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})