AXIOS配置与拦截
2020-06-29 05:02
991 查看
typescript类型检查和参数提示支持
以以下方式导入:
const axios = require('axios').default;
全局配置
默认接口地址 axios.default.baseURL = 'https://api.interface.com'; 默认token axios.default.headers.common['Authorization'] = TOKEN; 默认请求数据类型 axios.deafult.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; 默认请求超时 axios.default.timeout = 5000;
拦截
添加请求拦截器 axios.interceptors.request.use(function (config) { 可以设置一些请求前的动作,例如: 1、显示loading动画 2、使用qs库对data做字符串转化 qs.stringify(data) return config; }, function (error) { 设置请求错误处理,例如: 1、弹出请求错误提示 return Promise.reject(error); } ); 添加响应拦截器 axios.interceptors.response.use(function (response) { 数据获取成功后的操作,例如: 1、关闭loading动画 2、对请求的数据做基本处理 return response; }, function (error) { 设置错误处理,例如: 1、显示错误提示 return Promise.reject(error); });
相关文章推荐
- vue中axios 配置请求拦截功能 及请求方式如何封装
- Struts2 拦截器处理普通Http请求和Ajax请求时拦截配置
- 【vue+axios】前端实现登录拦截
- [Spring Security 3.1] 关于拦截URL的配置
- springmvc4之<mvc:exclude-mapping path="" />拦截配置
- vue+axios 配置反向代理解决跨域问题
- 在vue中配置Axios全局
- vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中
- vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
- Spring Aop拦截controller配置注意事项
- vue+axios 前端实现登录拦截(路由拦截、http拦截)
- 二次封装axios的请求拦截
- springmvc配置不拦截静态资源
- 前端react/vue跨域拦截 axios
- vue 实现axios拦截、页面跳转和token 验证
- router-cli 下安装axios,配置环境
- SpringMVC 配置url pattern为 /* 之后返回的modelandview也会被拦截
- axios配置代理服务器 解决跨域问题
- 5.前端基于react,后端基于.net core2.0的开发之路(5) 配置node层,session设置、获取,请求拦截
- Vue的axios插件实现GET、POST、JSONP请求,以及请求拦截