axios封装

第一步:配置axios

首先我们要创建个Service.js,然后存放axios的配置以及拦截器,最后导出一个axios对象

import axios from 'axios';
import router from '../router'
const request = axios.create({
    // baseURL: 'http://39.100.7.70:81/',
    timeout: 5000
});
request.interceptors.request.use(config=>{
    return config
});
request.interceptors.response.use(config=>{
    return config
},error =>{
	 console.log(error)
	 router.push("/myerror")
	 return Promise.reject(error)
})
export default request

二.封装请求

这个时候在创建一个api.js,代码如下

import request from "@/utils/request"
export default {
	Loginform(data = {}) {
		return request({
			url: "api/users/login",
			method: "POST",
			data: data
		})
	},
	getShoppingCart(data = {}) {
		return request({
			url: "api/user/shoppingCart/getShoppingCart",
			method: "POST",
			data: data
		})
	}
}

三.使用

main.js配置如下

// //引入封装的aixos
import axios from '@/utils/request.js'
Vue.prototype.$http = axios