axios.js 2.4 KB

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