1- import axios , { AxiosRequestConfig , AxiosResponse , AxiosInstance } from 'axios' ;
2- import { getToken , removeToken } from './token' ;
3- import { Modal } from 'ant-design-vue' ;
4- import { Message , Notification } from './ resetMessage' ;
1+ import axios , { AxiosRequestConfig , AxiosResponse , AxiosInstance } from 'axios'
2+ import { getToken , removeToken } from './token'
3+ import { Modal } from 'ant-design-vue'
4+ import { Message , Notification } from '@/utils/ resetMessage'
55
66// .env环境变量
77const BaseUrl = import . meta. env . VITE_API_BASE_URL as string
@@ -10,86 +10,90 @@ const BaseUrl = import.meta.env.VITE_API_BASE_URL as string
1010const service : AxiosInstance = axios . create ( {
1111 baseURL : BaseUrl , // 正式环境
1212 timeout : 60 * 1000 ,
13- headers : { }
14- } ) ;
13+ headers : { } ,
14+ } )
1515
1616/**
1717 * 请求拦截
1818 */
19- service . interceptors . request . use ( ( config : AxiosRequestConfig ) => {
20- config . headers . common . Authorization = getToken ( ) ; // 请求头带上token
21- config . headers . common . token = getToken ( ) ;
22- return config ;
23- } ,
24- ( error ) => Promise . reject ( error ) ) ;
19+ service . interceptors . request . use (
20+ ( config : AxiosRequestConfig ) => {
21+ config . headers . common . Authorization = getToken ( ) // 请求头带上token
22+ config . headers . common . token = getToken ( )
23+ return config
24+ } ,
25+ ( error ) => Promise . reject ( error ) ,
26+ )
2527
2628/**
2729 * 响应拦截
2830 */
29- service . interceptors . response . use ( ( response : AxiosResponse ) => {
30- if ( response . status == 201 || response . status == 200 ) {
31- const { code, status, msg } = response . data ;
32- if ( code == 401 ) {
33- Modal . warning ( {
34- title : 'token出错' ,
35- content : 'token失效,请重新登录!' ,
36- onOk : ( ) => {
37- removeToken ( ) ;
31+ service . interceptors . response . use (
32+ ( response : AxiosResponse ) => {
33+ if ( response . status == 201 || response . status == 200 ) {
34+ const { code, status, msg } = response . data
35+ if ( code == 401 ) {
36+ Modal . warning ( {
37+ title : 'token出错' ,
38+ content : 'token失效,请重新登录!' ,
39+ onOk : ( ) => {
40+ removeToken ( )
41+ } ,
42+ } )
43+ } else if ( code == 200 ) {
44+ if ( status ) {
45+ // 接口请求成功
46+ msg && Message . success ( msg ) // 后台如果返回了msg,则将msg提示出来
47+ return Promise . resolve ( response . data ) // 返回成功数据
3848 }
39- } ) ;
40- } else if ( code == 200 ) {
41- if ( status ) {
42- // 接口请求成功
43- msg && Message . success ( msg ) ; // 后台如果返回了msg,则将msg提示出来
44- return Promise . resolve ( response . data ) ; // 返回成功数据
49+ // 接口异常
50+ msg && Message . warning ( msg ) // 后台如果返回了msg,则将msg提示出来
51+ return Promise . reject ( response . data ) // 返回异常数据
52+ } else {
53+ // 接口异常
54+ msg && Message . error ( msg )
55+ return Promise . reject ( response . data )
4556 }
46- // 接口异常
47- msg && Message . warning ( msg ) ; // 后台如果返回了msg,则将msg提示出来
48- return Promise . reject ( response . data ) ; // 返回异常数据
49- } else {
50- // 接口异常
51- msg && Message . error ( msg ) ;
52- return Promise . reject ( response . data ) ;
5357 }
54- }
55- return response ;
56- } ,
58+ return response
59+ } ,
5760 ( error ) => {
5861 if ( error . response . status ) {
5962 switch ( error . response . status ) {
6063 case 500 :
6164 Notification . error ( {
6265 message : '温馨提示' ,
63- description : '服务异常,请重启服务器!'
64- } ) ;
65- break ;
66+ description : '服务异常,请重启服务器!' ,
67+ } )
68+ break
6669 case 401 :
6770 Notification . error ( {
6871 message : '温馨提示' ,
69- description : '服务异常,请重启服务器!'
70- } ) ;
71- break ;
72+ description : '服务异常,请重启服务器!' ,
73+ } )
74+ break
7275 case 403 :
7376 Notification . error ( {
7477 message : '温馨提示' ,
75- description : '服务异常,请重启服务器!'
76- } ) ;
77- break ;
78+ description : '服务异常,请重启服务器!' ,
79+ } )
80+ break
7881 // 404请求不存在
7982 case 404 :
8083 Notification . error ( {
8184 message : '温馨提示' ,
82- description : '服务异常,请重启服务器!'
83- } ) ;
84- break ;
85+ description : '服务异常,请重启服务器!' ,
86+ } )
87+ break
8588 default :
8689 Notification . error ( {
8790 message : '温馨提示' ,
88- description : '服务异常,请重启服务器!'
89- } ) ;
91+ description : '服务异常,请重启服务器!' ,
92+ } )
9093 }
9194 }
92- return Promise . reject ( error . response ) ;
93- } ) ;
95+ return Promise . reject ( error . response )
96+ } ,
97+ )
9498
95- export default service ;
99+ export default service
0 commit comments