码迷,mamicode.com
首页 > 移动开发 > 详细

vue axios封装

时间:2019-12-27 18:05:58      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:根据   eth   请求超时   login   mes   func   red   ora   intercept   

import axios from ‘axios‘
import QS from ‘qs‘
// import statuscode from ‘./status_code‘

// 创建一个axios实例
let server = axios.create({
baseURL: ‘http://127.0.0.1:5000/‘, // 请求url
timeout: 3000, // 超时处理
withCredentials: false // 是否跨域
})
axios.defaults.withCredentials = true
// 添加一个请求拦截器
server.interceptors.request.use(function (config) {
// 在请求发出之前进行一些操作,比如请求头携带内容
config.headers.authorization = window.sessionStorage.getItem(‘token‘)
config.headers[‘Content-Type‘] = ‘application/x-www-form-urlencoded;charset=UTF-8‘
return config
}, function (error) {
// Do something with request error
return error
})

// 添加一个响应拦截器
server.interceptors.response.use(function (res) {
// 根据返回的状态码来返回响应数据
if (res.data.code === 401) {
alert(‘暂无权限,请重新登录!‘)
window.location.href = ‘/login‘
return false
}
return res
}, function (error) {
switch (error && error.response && error.response.status) {
case 400:
error.message = ‘请求错误‘
break
case 401:
error.message = ‘未授权,请登录‘
break
case 403:
error.message = ‘拒绝访问‘
break
case 404:
error.message = ‘未找到访问地址‘
break
case 408:
error.message = ‘请求超时‘
break
case 500:
error.message = ‘服务器内部错误‘
break
case 501:
error.message = ‘服务未实现‘
break
case 502:
error.message = ‘网关错误‘
break
case 503:
error.message = ‘服务不可用‘
break
case 504:
error.message = ‘网关超时‘
break
case 505:
error.message = ‘HTTP版本不受支持‘
break
default:
}
// Do something with response error
return error
})

export function get (url, params) {
return new Promise((resolve, reject) => {
server.get(url, {
params: params
})
.then(res => {
resolve(res.data)
})
.catch(err => {
reject(err.data)
})
})
}
/**
* post方法,对应post请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
export function post (url, params) {
return new Promise((resolve, reject) => {
server.post(url, QS.stringify(params))
.then(res => {
resolve(res.data)
})
.catch(err => {
reject(err.data)
})
})
}

export default server

vue axios封装

标签:根据   eth   请求超时   login   mes   func   red   ora   intercept   

原文地址:https://www.cnblogs.com/hufengTE/p/12108539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!