修复获取验证码及错误码跳转处理

src/utils/request.js

@@ -11,15 +11,16 @@ request.interceptors.response.use(
         if(result.status!==200 ){
             router.push("/login")
         }
-        if(result.data.message==="NOT_LOGIN" || result.data.message.includes("The Token has expired on") || result.data.code ===3 ||result.data.code ===4){
+        if(result.data.message==="NOT_LOGIN"||result.data.code==2 || result.data.code ===3 ||result.data.code ===4){
+            alert("登录失效，请重新登录！")
             localStorage.removeItem("token");
             router.push("/login")
+            return
         }
-        if(result.data.code===0){
+        if(result.data.code == 1){
-            return result.data;
+            alert("请求失败，请稍后重试！");
         }else{
-            alert(result.data.message ? result.data.message : "请求失败，请稍后重试！");
+            return result.data
-            router.push("/login");
         }
     },
     error => {

src/views/DeviceList.vue

@@ -35,14 +35,14 @@ export default {
       }
       let data = result.data;
 
-    //   for(let d in data){
+      //   for(let d in data){
-    //     let res = JSON.parse(d);
+      //     let res = JSON.parse(d);
-    //     console.log("res=",res);
+      //     console.log("res=",res);
-    //     this.tableData.push(res);
+      //     this.tableData.push(res);
-    //   }
+      //   }
-    //   console.log(this.tableData);
+      //   console.log(this.tableData);
 
-      this.tableData=data;
+      this.tableData = data;
     },
     onSubmit() {
       getDeviceList({ token: token });
@@ -138,22 +138,18 @@ export default {
 
 <template>
   <div>
-      <el-menu
+    <el-button
-    default-active="2"
+      type="primary"
-    class="el-menu-vertical-demo"
+      size="mini"
-    background-color="#545c64"
+      @click.prevent="handleMenuSelect('/videoList')"
-    text-color="#fff"
+      >视频列表</el-button
-    active-text-color="#ffd04b"
+    >
-    mode="vertical"
+    <el-button
-    @select="handleMenuSelect"
+      type="primary"
-  >
+      size="mini"
-    <el-menu-item index="/videoList">
+      @click.prevent="handleMenuSelect('/device')"
-      <template>视频列表</template>
+      >设备管理</el-button
-    </el-menu-item>
+    >
-    <el-menu-item index="/device">
-      <template>设备管理</template>
-    </el-menu-item>
-  </el-menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >监控设备列表</el-header
@@ -163,13 +159,20 @@ export default {
           <!-- 表单 -->
           <el-form :inline="true" :model="tokenData" class="demo-form-inline">
             <el-form-item>
-              <el-button class="el-button--danger" type="primary" @click="getDeviceList()">查询</el-button>
+              <el-button
+                class="el-button--danger"
+                type="primary"
+                @click="getDeviceList()"
+                >查询</el-button
+              >
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="logout()">退出登录</el-button>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" @click="toVideoList()">返回监控视频</el-button>
+              <el-button type="primary" @click="toVideoList()"
+                >返回监控视频</el-button
+              >
             </el-form-item>
             <el-form-item>
               <el-button type="primary" @click="restartAllDevice('all')"

src/views/Login.vue

@@ -170,7 +170,7 @@ const startInterval = () => {
     // 如果定时器已经开启，则不执行任何操作  
     return;  
   }  
-  intervalId.value = setInterval(getQRStatus, 1000);  
+  intervalId.value = setInterval(getQRStatus, 2000);  
 };
 
 // 关闭定时器  
@@ -240,7 +240,7 @@ const generateQRCode = () => {
 
 const getUUID = async () => {
   try {
-    const response = await getUUIDService({ device: "windows" });
+    const response = await getUUIDService({ device: "windows" ,"address": localStorage.getItem("address"),"ip": localStorage.getItem("ip")});
     uuid = response.data.toString();
     let uid = uuid.toString();
     //await creatQrCode(uid);
@@ -273,10 +273,11 @@ const getQRStatus = async () => {
 
 const getIpClient = async () => {
   try {
-    const response = await axios.get("https://ipinfo.io/json");
+    const response = await axios.get("https://ip.zxinc.org/api.php?type=json");
-    loginData.value.ip = response.data.ip;
+    loginData.value.ip = response.data.data.myip;
-    localStorage.setItem("ip", response.data.ip);
+    localStorage.setItem("ip", response.data.data.myip);
-    localStorage.setItem("city", response.data.city);
+    localStorage.setItem("city", response.data.data.country);
+    localStorage.setItem("address", response.data.data.location);
     // console.log("ip:",response.data.ip);
     // console.log("login ip:",loginData.ip);
     // console.log(response.data);
@@ -287,7 +288,7 @@ const getIpClient = async () => {
 };
 const init = async () => {
   getIpClient();
-  getUUID();
+  await getUUID();
 };
 const register = async () => {
   let result = registerService(registerData.value);

src/views/VideoList.vue

@@ -210,22 +210,12 @@ export default {
 
 <template>
   <div>
-      <el-menu
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/videoList')"
-    default-active="2"
+      >视频列表</el-button
-    class="el-menu-vertical-demo"
+    >
-    background-color="#545c64"
+    <el-button type="primary" size="mini" @click.prevent="handleMenuSelect('/device')"
-    text-color="#fff"
+      >设备管理</el-button
-    active-text-color="#ffd04b"
+    >
-    mode="vertical"
-    @select="handleMenuSelect"
-  >
-    <el-menu-item index="/videoList">
-      <template>视频列表</template>
-    </el-menu-item>
-    <el-menu-item index="/device">
-      <template>设备管理</template>
-    </el-menu-item>
-  </el-menu>
     <el-container style="height: 700px; border: 1px solid #eee">
       <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)"
         >监控视频列表</el-header