backend-moke 模拟弱网环境；一些小修改

backend-mock/index.js

@@ -1,3 +1,5 @@
+const sleepTime = 0; // 模拟弱网环境等待时间
+
 // 1. 导入http模块
 const http = require("http");
 
@@ -5,9 +7,7 @@ const http = require("http");
 const server = http.createServer();
 
 // 3. 监听请求事件
-server.on("request", (req, res) => {
+server.on("request", async (req, res) => {
-    console.log(new Date(), "req.url", req.url);
-
     //req-->request 请求对象， res-->response 响应对象
     // 通过响应头设置返回前台数据格式及编码。（解决中文乱码的问题）
     // res.setHeader('Content-Type', 'text/html;charset=utf-8');
@@ -41,21 +41,28 @@ server.on("request", (req, res) => {
         };
     } else {
         result = {
-            code: 500,
+            success: false,
             msg: "服务器内部错误",
-            extra: {
+            data: null,
-                url: req.url,
+            // extra: {
-                method: req.method,
+            //     url: req.url,
-                headers: req.headers,
+            //     method: req.method,
-                req: Object.keys(req),
+            //     headers: req.headers,
-                res: Object.keys(res)
+            //     req: Object.keys(req),
-            }
+            //     res: Object.keys(res)
+            // }
         };
     }
     res.write(JSON.stringify(result));
 
+    // 模拟弱网等待时间
+    await new Promise((resolve) => {
+        setTimeout(resolve, sleepTime);
+    })
+
     //res.end()每次响应完，需要调用此方法 来结束响束
     res.end();
+    console.log(new Date(), "req.url", req.url);
 })
 
 // 4. 监听端口，为了避免端口冲突，这里给一个本机端口

miniprogram/src/pages/index/index.vue

@@ -100,7 +100,6 @@
 
 <script>
 import Taro from '@tarojs/taro'
-import { eventCenter, getCurrentInstance } from '@tarojs/taro'
 import ENUM from '../../utils/const.js'
 import DebugComp from '../../components/DebugComp.vue'
 
@@ -120,11 +119,10 @@ export default {
   components: {
     DebugComp
   },
-  mounted() {
+
-    eventCenter.once(getCurrentInstance().router.onShow, () => {
+  onShow() {
     console.log('onShow')
     console.log("ENUM", ENUM)
-
     this.userInfo = Taro.getStorageSync("userInfo");
     this.displayUsername = this.userInfo?.username ?? "请登录";
     if (!this.userInfo) {
@@ -152,7 +150,6 @@ export default {
         "isAdmin", this.isAdmin
       )
     }
-    })
   },
   methods: {
     goCode() {

miniprogram/src/pages/index/login.vue

@@ -43,6 +43,7 @@ export default {
         })
       } else {
         let passwordHash = md5(this.password);
+        Taro.showLoading({ title: '加载中' })
         Taro.request({
           url: `${this.baseUrl}/user/login`,
           method: "POST",
@@ -54,19 +55,15 @@ export default {
             password: passwordHash,
           },
           success: function (d) {
+            Taro.hideLoading()
             let result = d.data;
             if (result.success) {
+              // 登录成功
               Taro.setStorageSync("userInfo", result.data.userInfo);
               console.log("userInfo", Taro.getStorageSync("userInfo"))
-              Taro.showToast({
-                title: "登录成功",
-                icon: 'success',
-                success: function () {
               Taro.switchTab({
                 url: '/pages/index/index'
               })
-                }
-              })
             } else {
               Taro.showToast({
                 title: result.msg,
@@ -76,6 +73,7 @@ export default {
             }
           },
           fail: function () {
+            Taro.hideLoading()
             Taro.showToast({
               title: "请求失败",
               icon: 'error',

miniprogram/src/pages/residents/code.vue

@@ -10,7 +10,6 @@
 
 <script>
 import Taro from '@tarojs/taro'
-import { eventCenter, getCurrentInstance } from '@tarojs/taro'
 import drawQrcode from '../../utils/qrcode/index'
 import utils from '../../utils/utils'
 
@@ -84,8 +83,8 @@ export default {
             text: text,
           })
 
-          this.timeInterval = setInterval(this.updateTime, 1000);
           this.updateTime();
+          this.timeInterval = setInterval(this.updateTime, 1000);
         })
     },
     updateTime() {