diff --git a/src/router/index.js b/src/router/index.js
index 6e815b3f9..889913aaf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -82,6 +82,12 @@ export const constantRoutes = [
     component: () => import('@/views/404'),
     hidden: true
   },
+  {
+    path: '403',
+    name: '403',
+    component: () => import('@/views/403'),
+    hidden: true
+  },
   ...commonRoutes
 ]
 
diff --git a/src/utils/request.js b/src/utils/request.js
index f0ebccef0..f1aaef06a 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -89,6 +89,7 @@ function ifBadRequest({ response, error }) {
   }
   if (response.status === 403) {
     error.message = i18n.t('BadRoleErrorMsg')
+    router.push({ name: '403' })
   }
   if (response.status === 409) {
     error.response.status = 409