axios.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. import {message} from 'antd';
  2. import axios from 'axios';
  3. message.config({
  4. top: 200
  5. });
  6. // 配置API接口地址
  7. var root = globalConfig.context;
  8. // 自定义判断元素类型JS
  9. function toType(obj) {
  10. return ({}).toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase()
  11. }
  12. // 参数过滤函数
  13. function filterNull(o) {
  14. for (var key in o) {
  15. if (o[key] === null) {
  16. delete o[key]
  17. }
  18. if (toType(o[key]) === 'string') {
  19. o[key] = o[key].trim()
  20. } else if (toType(o[key]) === 'object') {
  21. o[key] = filterNull(o[key])
  22. } else if (toType(o[key]) === 'array') {
  23. o[key] = filterNull(o[key])
  24. }
  25. }
  26. return o
  27. }
  28. /*
  29. 接口处理函数
  30. 这个函数每个项目都是不一样的,我现在调整的是适用于
  31. https://cnodejs.org/api/v1 的接口,如果是其他接口
  32. 需要根据接口的参数进行调整。参考说明文档地址:
  33. https://cnodejs.org/topic/5378720ed6e2d16149fa16bd
  34. 主要是,不同的接口的成功标识和失败提示是不一致的。
  35. 另外,不同的项目的处理方法也是不一致的,这里出错就是简单的alert
  36. */
  37. function apiAxios(method, url, params) {
  38. if (params) {
  39. params = filterNull(params)
  40. }
  41. return new Promise((resolve, reject) => {
  42. axios({
  43. method: method,
  44. url: url,
  45. data: method === 'POST' || method === 'PUT' ? params : null,
  46. params: method === 'GET' || method === 'DELETE' ? params : null,
  47. baseURL: root,
  48. withCredentials: false //跨域请求 true
  49. })
  50. .then(function (res) {
  51. resolve(res.data);
  52. })
  53. .catch(function (err) {
  54. let res = err.response;
  55. message.error(`状态码 : ${res.status} , 请联系管理员 !`);
  56. reject(res);
  57. })
  58. })
  59. }
  60. // 返回在模板中的调用接口
  61. module.exports = {
  62. get: function (url, params) {
  63. return apiAxios('GET', url, params)
  64. },
  65. post: function (url, params) {
  66. return apiAxios('POST', url, params)
  67. },
  68. put: function (url, params) {
  69. return apiAxios('PUT', url, params)
  70. },
  71. delete: function (url, params) {
  72. return apiAxios('DELETE', url, params)
  73. }
  74. }
  75. /* 调用 */
  76. /*
  77. import * as axios from './axios';
  78. var url = '/api/admin/list',params={user:'liting'};
  79. axios.get(url,params)
  80. .then(data=>{console.log(data)});
  81. .catch(error=>{console.log(data)});
  82. */