axios.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /**
  2. * 全站http配置
  3. *
  4. * header参数说明
  5. * serialize是否开启form表单提交
  6. * isToken是否需要token
  7. */
  8. import {serialize} from '@/util/util'
  9. import website from '@/const/website'
  10. import store from '../store'
  11. import {getStore} from '../util/store'
  12. import {getToken} from '@/util/auth'
  13. import NProgress from 'nprogress' // progress bar
  14. import errorCode from '@/const/errorCode'
  15. import {Message} from 'element-ui'
  16. import 'nprogress/nprogress.css' // progress bar style
  17. axios.defaults.timeout = 30000
  18. // 返回其他状态吗
  19. axios.defaults.validateStatus = function (status) {
  20. return status >= 200 && status <= 500 // 默认的
  21. }
  22. // 跨域请求,允许保存cookie
  23. axios.defaults.withCredentials = true
  24. // NProgress Configuration
  25. NProgress.configure({
  26. showSpinner: false
  27. })
  28. // HTTPrequest拦截
  29. axios.interceptors.request.use(config => {
  30. NProgress.start() // start progress bar
  31. const isToken = (config.data || {}).isToken === false
  32. if (store.getters.access_token && !isToken) {
  33. config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
  34. }
  35. const TENANT_ID = getStore({name: 'tenantId'})
  36. if (TENANT_ID) {
  37. config.headers['TENANT_ID'] = TENANT_ID // 租户ID
  38. }
  39. // headers中配置serialize为true开启序列化
  40. if (config.methods === 'post' && config.headers.serialize) {
  41. config.data = serialize(config.data)
  42. delete config.data.serialize
  43. }
  44. return config
  45. }, error => {
  46. return Promise.reject(error)
  47. })
  48. // HTTPresponse拦截
  49. axios.interceptors.response.use(res => {
  50. NProgress.done()
  51. const status = Number(res.status) || 200
  52. const message = res.data.msg || errorCode[status] || errorCode['default']
  53. if (res.data.code === 1) {
  54. Message({
  55. message: message,
  56. type: 'error'
  57. })
  58. return Promise.reject(new Error(message))
  59. }
  60. if (status === 401) {
  61. store.dispatch('FedLogOut').then(() => {
  62. router.push({
  63. path: '/login'
  64. })
  65. })
  66. }
  67. if (status !== 200) {
  68. Message({
  69. message: message,
  70. type: 'error'
  71. })
  72. return Promise.reject(new Error(message))
  73. }
  74. return res
  75. }, error => {
  76. NProgress.done()
  77. return Promise.reject(new Error(error))
  78. })
  79. export default axios