axios.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. import { serialize } from '@/util/util'
  2. import { getStore } from '../util/store'
  3. import NProgress from 'nprogress' // progress bar
  4. import errorCode from '@/const/errorCode'
  5. import router from "@/router/router"
  6. import { Message } from 'element-ui'
  7. import 'nprogress/nprogress.css'
  8. import store from "@/store"; // progress bar style
  9. axios.defaults.timeout = 30000
  10. // 返回其他状态吗
  11. axios.defaults.validateStatus = function (status) {
  12. return status >= 200 && status <= 500 // 默认的
  13. }
  14. // 跨域请求,允许保存cookie
  15. axios.defaults.withCredentials = true
  16. // NProgress Configuration
  17. NProgress.configure({
  18. showSpinner: false
  19. })
  20. // HTTPrequest拦截
  21. axios.interceptors.request.use(config => {
  22. NProgress.start() // start progress bar
  23. const TENANT_ID = getStore({ name: 'tenantId' })
  24. const isToken = (config.headers || {}).isToken === false
  25. let token = store.getters.access_token
  26. if (token && !isToken) {
  27. config.headers['Authorization'] = 'Bearer ' + token// token
  28. }
  29. if (TENANT_ID) {
  30. config.headers['TENANT_ID'] = TENANT_ID // 租户ID
  31. }
  32. // headers中配置serialize为true开启序列化
  33. if (config.method === 'post' && config.headers.serialize) {
  34. config.data = serialize(config.data)
  35. delete config.data.serialize
  36. }
  37. return config
  38. }, error => {
  39. return Promise.reject(error)
  40. })
  41. // HTTPresponse拦截
  42. axios.interceptors.response.use(res => {
  43. NProgress.done()
  44. const status = Number(res.status) || 200
  45. const message = res.data.msg || errorCode[status] || errorCode['default']
  46. if (status === 401) {
  47. Message({
  48. message: message,
  49. type: 'error'
  50. })
  51. store.dispatch('FedLogOut').then(() => {
  52. router.push({ path: '/login' })
  53. })
  54. return
  55. }
  56. if (status !== 200 || res.data.code === 1) {
  57. Message({
  58. message: message,
  59. type: 'error'
  60. })
  61. return Promise.reject(new Error(message))
  62. }
  63. return res
  64. }, error => {
  65. NProgress.done()
  66. return Promise.reject(new Error(error))
  67. })
  68. export default axios