本文主要是介绍axios 二次封装,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
import axios from 'axios'
const service = axios.create({
baseURL: "/api",
timeout: 10000, //指定请求时间,超过时间请求就会中断
headers: {
'Content-type': 'application/json;charset=utf-8',
},
// http凭证
// auth: {
// username: 'superadmin',
// password: '1234567890'
// }
})
//添加请求拦截器,可用组件自带的方法
service.interceptors.request.use(function(config) {
//在发送请求前做什么,例如做一些jwt的token效验
return config
}, function(error) {
//对请求错误做些什么,
return Promise.reject(error)
})
//添加响应拦截器,可用组件自带的方法
service.interceptors.response.use(function(response) {
//对相应数据做些什么,主要是做一些响应数据的处理
return response
}, function(error) {
//对相应错误做些什么
return Promise.reject(error)
})
//将封装的内容导出service
export default service
//使用,main.js 引入
Vue.prototype.service = service //service 到原型,可在全局使用
//组件界面
这篇关于axios 二次封装的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!