大屏跳转登录

src/App.vue

 <template>
   <div id="app">
-    <router-view></router-view>
+    <router-view v-if="signIn"></router-view>
   </div>
 </template>
 
 <script>
+import { getXAccessToken } from "@/api/index";
 export default {
   name: "App",
   components: {},
-  methods: {},
-  mounted() {
+  data() {
+    return {
+      signIn: false,
+    };
+  },
+  methods: {
+    getXAccessToken() {
+      getXAccessToken(localStorage.getItem("token")).then((res) => {
+        if (res.status == 200) {
+          localStorage.setItem("Authorization", res.data.access_token);
+          this.$nextTick(() => {
+            this.signIn = true;
+          });
+        }
+      });
+    },
+  },
+  beforeCreate() {
+    console.log(this.$route);
     if (this.$route.query.token_code) {
       localStorage.setItem("token", this.$route.query.token_code);
     }
   },
+  mounted() {
+    this.getXAccessToken();
+  },
 };
 </script>
 

src/components/Index.vue

@@ -5,7 +5,7 @@
         <span style="font-size: 14px; cursor: pointer" @click="jumpBack"
           >工程项目后台管理系统</span
         >
-        <router-link :to="{ path: '/', query: { token: token } }" exact
+        <router-link :to="{ path: '/', query: { token_code: token } }" exact
           >数字工地</router-link
         >
         <router-link to="/realname">实名制</router-link>
@@ -29,13 +29,12 @@
         </div>
       </div>
     </div>
-    <div v-if="signIn">
+    <div>
       <router-view></router-view>
     </div>
   </div>
 </template>
 <script>
-import { getXAccessToken } from "@/api/index";
 export default {
   name: "Index",
   data() {
@@ -44,7 +43,6 @@ export default {
       weekDay: "",
       date: "",
       zoom: 1,
-      signIn: false,
     };
   },
   methods: {
@@ -103,16 +101,6 @@ export default {
     jumpBack() {
       window.location.href = window.location.origin + "/pweb/m/";
     },
-    getXAccessToken() {
-      getXAccessToken(localStorage.getItem("token")).then((res) => {
-        if (res.status == 200) {
-          localStorage.setItem("Authorization", res.data.access_token);
-          this.$nextTick(() => {
-            this.signIn = true;
-          });
-        }
-      });
-    },
   },
   computed: {
     token() {
@@ -122,7 +110,6 @@ export default {
   mounted() {
     this.$nextTick(() => {
       this.bodyScale();
-      this.getXAccessToken();
     });
 
     this.getTime();

src/utils/request.js

@@ -64,7 +64,7 @@ request.interceptors.response.use(
             })
         }
         if (response.data.status == 401) {
-            window.location.href = process.env.VUE_APP_RESOURCE_URL + 'pweb/m/login'
+            window.location.href = process.env.VUE_APP_RESOURCE_URL + 'pweb/m/login?is_screen=1'
         }
         return response.data
     },