修改

H5/src/utils/localGetter.js

 export function getUserId() {
-    return JSON.parse(localStorage.getItem('user')).userId;
+    if (localStorage.getItem("user")) {
+        return JSON.parse(localStorage.getItem('user')).userId;
+    } else {
+        return "";
+    }
 }
\ No newline at end of file

H5/src/views/settings.vue

 <template>
   <div class="settings">
     <van-cell-group class="group-1">
-      <van-cell title="用户名" value="135****1234" />
+      <van-cell title="用户名" :value="$userId" />
       <van-cell is-link center title="头像" @click="onModefy">
         <img
           class="avatar-img"
@@ -46,6 +46,7 @@
 </template>
 
 <script>
+import { getUserInfo } from "@/api/user";
 import { logoutToApp } from "@/utils/bridgeToAppFun";
 import { logout } from "@/api/user";
 import { fillInviteCode } from "@/api/user";
@@ -61,7 +62,17 @@ export default {
       inviteeCodeDialog: false
     };
   },
+  created() {
+    this.getUser()
+  },
   methods: {
+    getUser() {
+      getUserInfo().then(res => {
+        if (res.code === 0) {
+          localStorage.setItem("user", JSON.stringify(res.data));
+        }
+      })
+    },
     logout() {
       const params = {
         token: "qwedskdljlkjlklkjlkjlkjl"