当前位置:   article > 正文

Vue 2.0中封装Axios请求方法_vue2.0axios的写法

vue2.0axios的写法
  1. import axios from 'axios'
  2. import { Message } from 'element-ui'
  3. // 域名地址
  4. axios.defaults.baseURL = '';
  5. // REQUEST 请求异常拦截
  6. axios.interceptors.request.use(config => {
  7. const token = localStorage.getItem('token');
  8. // 将Token添加到请求头里面
  9. token && (config.headers.Token = token);
  10. return config;
  11. }, err => {
  12. // 错误处理
  13. Message.error({ message: '请求超时!' });
  14. return Promise.resolve(err);
  15. });
  16. // RESPONSE 响应异常拦截
  17. axios.interceptors.response.use(result => {
  18. if (result.data.code && result.data.code != 200) {
  19. Message.error({ message: result.data.msg });
  20. // 非法进入时直接跳到登录页
  21. window.location.href = '/';
  22. return;
  23. };
  24. return result;
  25. }, err => {
  26. if (err && err.response) {
  27. switch (err.response.status) {
  28. case 401:
  29. err.message = '请求方式错误!';
  30. break;
  31. case 402:
  32. err.message = '请求参数错误!';
  33. break;
  34. default:
  35. err.message = `登录凭证过期,请重新登录!`;
  36. }
  37. } else {
  38. err.message = '连接服务器失败!'
  39. }
  40. Message.error({ message: err.message })
  41. return Promise.resolve(err);
  42. })
  43. // 接口域名
  44. export const url = axios.defaults.baseURL;
  45. // POST 方法封装 (处理参数与文件上传)
  46. export const postRequest = (url, params) => {
  47. return axios({
  48. method: 'post',
  49. url: url,
  50. data: params
  51. });
  52. }
  53. // GET 方法封装
  54. export const getRequest = (url, params) => {
  55. return axios({
  56. method: 'get',
  57. url: url,
  58. params: params
  59. });
  60. }
  61. // PUT 方法封装
  62. export const putRequest = (url, params) => {
  63. return axios({
  64. method: 'put',
  65. url: url,
  66. data: params
  67. });
  68. }
  69. // DELETE 方法封装
  70. export const deleteRequest = (url, params) => {
  71. return axios({
  72. method: 'delete',
  73. url: url,
  74. data: params
  75. });
  76. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/994148
推荐阅读
相关标签
  

闽ICP备14008679号