err page = call back page

src/store/index.js

@@ -38,11 +38,19 @@ async function getToken(access_token, appid) {
       },
       err => {
         console.log("789err=", err);
+        this.$router.push({
+          name: "oidcCallback",
+          query: { err: err.response.data.error_description }
+        });
+
       }
     )
     .catch(err => {
       console.log("111err=", err);
-      //this.$router.push("/oidc-callback-error"); // Handle errors any way you want
+      this.$router.push({
+        name: "oidcCallback",
+        query: { err: err.response.data.error_description }
+      });
     });
 }
 

src/views/OidcCallback.vue

@@ -46,7 +46,6 @@ export default {
           res => {
             console.log("res=", res);
             if (res.status == 200) {
-              
               const accessToken = res.data.access_token;
               //store.dispatch("changeToken", accessToken);
               localStorage.setItem("token", accessToken);
@@ -56,7 +55,7 @@ export default {
           err => {
             console.log("123err=", err);
             this.errMessage = err.response.data.error_description;
-            console.log('this.errMessage=',this.errMessage);
+            console.log("this.errMessage=", this.errMessage);
           }
         )
         .catch(err => {
@@ -66,6 +65,10 @@ export default {
     }
   },
   mounted() {
+    const err = this.$route.query.err;
+    if (err) {
+      this.errMessage = err;
+    } else {
       this.oidcSignInCallback()
         .then(redirectPath => {
           this.getOidcUser().then(user => {
@@ -78,6 +81,7 @@ export default {
           //this.$router.push("/oidc-callback-error"); // Handle errors any way you want
         });
     }
+  }
 };
 </script>