http.ts 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. //引入axios
  2. import axios from 'axios'
  3. //引入用户信息组件
  4. import { menuStatusStore, userInfoStore } from '@/stores'
  5. import { ElMessage } from 'element-plus';
  6. // import { useRouter } from 'vue-router';
  7. import router from '@/router';
  8. const userInfo = userInfoStore()
  9. const menuStatus = menuStatusStore()
  10. //创建axios实例
  11. //创建基础访问路径
  12. //少锋本地wifi
  13. // const base_url = 'http://172.28.50.2:8089'
  14. //少锋本地
  15. // const base_url = 'http://10.113.248.4:8089/'
  16. //少锋本地 版本2
  17. // const base_url = 'http://10.113.248.4:8090/'
  18. //30
  19. // const base_url = 'http://43.143.198.30:8089/'
  20. //红朵
  21. const base_url = 'http://129.211.221.44:8091'
  22. //锦泓服务器
  23. // const base_url = 'http://146.56.226.174:8089'
  24. //新服务器
  25. // const base_url = 'http://123.57.18.29:8089'
  26. //第二个版本
  27. // const base_url = 'http://123.57.18.29:8090'
  28. //设置axios 默认访问路径
  29. axios.defaults.baseURL = base_url
  30. //设置超时时间
  31. axios.defaults.timeout = 30000
  32. // 设置头部信息
  33. axios.defaults.headers.common['Content-Type'] = 'application/JSON;charset=UTF-8'
  34. //前端跨域配置
  35. axios.defaults.withCredentials = true;
  36. //设置 使用token的白名单
  37. const whiteList = []
  38. //设置请求前的拦截器
  39. axios.interceptors.request.use(
  40. config => {
  41. //在请求前需要做什么
  42. //如果有token---则放在请求头上
  43. config.headers.Authorization = userInfo.token
  44. ? `Bearer ${userInfo.token}`
  45. : "";
  46. return config
  47. },
  48. error => {
  49. //对错误请求需要做些什么
  50. return Promise.reject(error)
  51. }
  52. )
  53. //添加相应拦截器
  54. axios.interceptors.response.use(
  55. response => {
  56. //对响应中做些什么
  57. if (response.data.code === 401) {
  58. // 重定向到登录页
  59. //登录状态失效
  60. //取到缓存里的登录信息
  61. //---将token 去掉
  62. //出现401 浏览器中还存在缓存 就先提示过期了
  63. //然后清除用户信息缓存--重新登录
  64. if (userInfo.token) {
  65. ElMessage({
  66. message: response.data.msg,
  67. type: 'warning'
  68. })
  69. router.push({ name: 'login' })
  70. menuStatus.saveActiveIndex('6')
  71. }
  72. //清除用户缓存
  73. userInfo.clearUserInfo()
  74. // router.push({ name: 'login' })
  75. //此时报告找不到路径
  76. // Toast.fail(response.data.msg);
  77. // Message.error(response.data.msg);
  78. }
  79. return response
  80. }, error => {
  81. Promise.reject(error)
  82. }
  83. )
  84. //封装请求
  85. export const http = <T>(option: any) => {
  86. return new Promise((resolve, reject) => {
  87. axios({
  88. ...option,
  89. }).then(res => {
  90. //在这里应该机解密下
  91. resolve(res.data)
  92. }).catch(error => {
  93. reject(error)
  94. });
  95. })
  96. }