vue.js axios使用
2024-10-07 13:37:47
1. 自定义配置
/**
* Created by superman on 17/2/16.
* http配置
*/ import axios from 'axios'
import utils from '@/config/cookieUtils' // axios 配置
axios.defaults.baseURL = store.state.gateway_url axios.defaults.headers.post['Content-Type'] = 'application/json' // http request 拦截器
axios.interceptors.request.use(
config => {
config.headers['Access-Token'] = 'xxxxxxxxxxx'
return config
},
err => {
return Promise.reject(err)
}) // http response 拦截器
axios.interceptors.response.use(
response => {
var serverResult = response.data.serverResult
if (serverResult && serverResult.resultCode !== '200' && serverResult.resultCode !== '10007' && serverResult.resultCode !== '10008' && serverResult.resultCode !== '10010') {
var msg = serverResult.resultMessage
console.log('msg = ' + msg)
return Promise.reject(response)
}
return response
},
error => {
// console.log(JSON.stringify(error));//console : Error: Request failed with status code 402
if (error.response && error.response.data) {
var errorJson = error.response.data
if (errorJson.resultCode && errorJson.resultCode === 4210) {
ElementUI.Message(
{
type: 'error',
message: '您的账号是退出状态,请重新登录!',
onClose: function () {
location.reload()
}
})
return
}
}
return Promise.reject(error.response.data)
}) export default axios
2.引入配置
import axios from '@/config/http' Vue.prototype.axios = axios /* eslint-disable no-new */
const starter = new Vue({
el: '#app',
i18n,
router,
store,
axios,
lodash,
render: h => h(App)
})
最新文章
- c#程序中对密码进行加密的方法
- μC/OS-Ⅲ系统的源代码文件组织结构
- mongoose升级后遇到的问题
- XML的简单学习
- 加密算法使用(五):RSA使用全过程
- Calender的使用详解
- php输出csv文件 简单实现
- angularJs项目实战!03:angularjs与其他类库的协作(转)
- linxu fcntl 函数用法 【转】
- python学习笔记四--元组
- linux一些常用指令整理
- 两台主机之间单向Ping不通的问题
- OWLQN算法
- python 生成器(generator)的生成方式
- Spark中master与worker的进程RPC通信实现
- Zabbix监控系统部署:配置详解
- Python之路(第二十六篇) 面向对象进阶:内置方法
- Wannafly挑战赛21 C 大水题
- Python 爬虫个人记录(一)豆瓣电影250
- 腾讯开放平台 iOS应用URL schema、Bundle ID填写 (含微博、微信)