diff --git a/package-lock.json b/package-lock.json
index c624f1ffa5a2501008197bf4ac00bd78b81593ee..aced6556f32b387fbc15e10068e99c9857109ecb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1516,16 +1516,15 @@
       }
     },
     "@vue/component-compiler-utils": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.2.0.tgz",
-      "integrity": "sha512-lejBLa7xAMsfiZfNp7Kv51zOzifnb29FwdnMLa96z26kXErPFioSf9BMcePVIQ6/Gc6/mC0UrPpxAWIHyae0vw==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/component-compiler-utils/-/component-compiler-utils-3.2.1.tgz",
+      "integrity": "sha512-Mci9WJYLRjyJEBkGHMPxZ1ihJ9l6gOy2Gr6hpYZUNpQoe5+nbpeb3w00aP+PSHJygCF+fxJsqp7Af1zGDITzuw==",
       "dev": true,
       "requires": {
         "consolidate": "^0.15.1",
         "hash-sum": "^1.0.2",
         "lru-cache": "^4.1.2",
         "merge-source-map": "^1.1.0",
-        "postcss": "^7.0.14",
         "postcss-selector-parser": "^6.0.2",
         "prettier": "^1.18.2",
         "source-map": "~0.6.1",
@@ -1550,7 +1549,7 @@
         },
         "yallist": {
           "version": "2.1.2",
-          "resolved": "https://registry.npm.taobao.org/yallist/download/yallist-2.1.2.tgz",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
           "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
           "dev": true
         }
@@ -2568,16 +2567,24 @@
       }
     },
     "browserslist": {
-      "version": "4.16.3",
-      "resolved": "https://registry.npm.taobao.org/browserslist/download/browserslist-4.16.3.tgz?cache=0&sync_timestamp=1612124016433&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserslist%2Fdownload%2Fbrowserslist-4.16.3.tgz",
-      "integrity": "sha1-NAqkaUDX24eHSFZ8XeokpI3fNxc=",
+      "version": "4.16.6",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.6.tgz",
+      "integrity": "sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001181",
-        "colorette": "^1.2.1",
-        "electron-to-chromium": "^1.3.649",
+        "caniuse-lite": "^1.0.30001219",
+        "colorette": "^1.2.2",
+        "electron-to-chromium": "^1.3.723",
         "escalade": "^3.1.1",
-        "node-releases": "^1.1.70"
+        "node-releases": "^1.1.71"
+      },
+      "dependencies": {
+        "caniuse-lite": {
+          "version": "1.0.30001236",
+          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001236.tgz",
+          "integrity": "sha512-o0PRQSrSCGJKCPZcgMzl5fUaj5xHe8qA2m4QRvnyY4e1lITqoNkr7q/Oh1NcpGSy0Th97UZ35yoKcINPoq7YOQ==",
+          "dev": true
+        }
       }
     },
     "buefy": {
@@ -4286,9 +4293,9 @@
       "dev": true
     },
     "dns-packet": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
-      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+      "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
       "dev": true,
       "requires": {
         "ip": "^1.1.0",
@@ -4344,12 +4351,20 @@
       "dev": true
     },
     "domhandler": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
-      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.2.0.tgz",
+      "integrity": "sha512-zk7sgt970kzPks2Bf+dwT/PLzghLnsivb9CcxkvR8Mzr66Olr0Ofd8neSbglHJHaHa2MadfoSdNlKYAaafmWfA==",
       "dev": true,
       "requires": {
-        "domelementtype": "1"
+        "domelementtype": "^2.2.0"
+      },
+      "dependencies": {
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
+          "dev": true
+        }
       }
     },
     "domutils": {
@@ -4429,9 +4444,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.3.697",
-      "resolved": "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.697.tgz",
-      "integrity": "sha1-S6ivE11y0GU0vXj2jRvg3KPSxZA=",
+      "version": "1.3.752",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.752.tgz",
+      "integrity": "sha512-2Tg+7jSl3oPxgsBsWKh5H83QazTkmWG/cnNwJplmyZc7KcN61+I10oUgaXSVk/NwfvN3BdkKDR4FYuRBQQ2v0A==",
       "dev": true
     },
     "element-ui": {
@@ -5714,34 +5729,43 @@
       }
     },
     "htmlparser2": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
-      "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
       "dev": true,
       "requires": {
-        "domelementtype": "^1.3.1",
-        "domhandler": "^2.3.0",
-        "domutils": "^1.5.1",
-        "entities": "^1.1.1",
-        "inherits": "^2.0.1",
-        "readable-stream": "^3.1.1"
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
       },
       "dependencies": {
-        "entities": {
-          "version": "1.1.2",
-          "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
-          "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==",
+        "dom-serializer": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
+          "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
+          "dev": true,
+          "requires": {
+            "domelementtype": "^2.0.1",
+            "domhandler": "^4.2.0",
+            "entities": "^2.0.0"
+          }
+        },
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
           "dev": true
         },
-        "readable-stream": {
-          "version": "3.6.0",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+        "domutils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.7.0.tgz",
+          "integrity": "sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg==",
           "dev": true,
           "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
+            "dom-serializer": "^1.0.1",
+            "domelementtype": "^2.2.0",
+            "domhandler": "^4.2.0"
           }
         }
       }
@@ -7192,9 +7216,9 @@
       }
     },
     "node-releases": {
-      "version": "1.1.71",
-      "resolved": "https://registry.npm.taobao.org/node-releases/download/node-releases-1.1.71.tgz?cache=0&sync_timestamp=1614113881684&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnode-releases%2Fdownload%2Fnode-releases-1.1.71.tgz",
-      "integrity": "sha1-yxM0sXmJaxyJ7P3UtyX7e738fbs=",
+      "version": "1.1.73",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.73.tgz",
+      "integrity": "sha512-uW7fodD6pyW2FZNZnp/Z3hvWKeEW1Y8R1+1CnErE8cXFXzl5blBOoVB41CvMer6P6Q0S5FXDwcHgFd1Wj0U9zg==",
       "dev": true
     },
     "node-sass": {
@@ -8941,31 +8965,72 @@
       "dev": true
     },
     "renderkid": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.5.tgz",
-      "integrity": "sha512-ccqoLg+HLOHq1vdfYNm4TBeaCDIi1FLt3wGojTDSvdewUv65oTmI3cnT2E4hRjl1gzKZIPK+KZrXzlUYKnR+vQ==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.6.tgz",
+      "integrity": "sha512-GIis2GBr/ho0pFNf57D4XM4+PgnQuTii0WCPjEZmZfKivzUfGuRdjN2aQYtYMiNggHmNyBve+thFnNR1iBRcKg==",
       "dev": true,
       "requires": {
-        "css-select": "^2.0.2",
-        "dom-converter": "^0.2",
-        "htmlparser2": "^3.10.1",
-        "lodash": "^4.17.20",
-        "strip-ansi": "^3.0.0"
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^6.0.0"
       },
       "dependencies": {
-        "ansi-regex": {
-          "version": "2.1.1",
-          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
-          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+        "css-select": {
+          "version": "4.1.3",
+          "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.1.3.tgz",
+          "integrity": "sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA==",
+          "dev": true,
+          "requires": {
+            "boolbase": "^1.0.0",
+            "css-what": "^5.0.0",
+            "domhandler": "^4.2.0",
+            "domutils": "^2.6.0",
+            "nth-check": "^2.0.0"
+          }
+        },
+        "css-what": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/css-what/-/css-what-5.0.1.tgz",
+          "integrity": "sha512-FYDTSHb/7KXsWICVsxdmiExPjCfRC4qRFBdVwv7Ax9hMnvMmEjP9RfxTEZ3qPZGmADDn2vAKSo9UcN1jKVYscg==",
           "dev": true
         },
-        "strip-ansi": {
-          "version": "3.0.1",
-          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz",
-          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+        "dom-serializer": {
+          "version": "1.3.2",
+          "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
+          "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
           "dev": true,
           "requires": {
-            "ansi-regex": "^2.0.0"
+            "domelementtype": "^2.0.1",
+            "domhandler": "^4.2.0",
+            "entities": "^2.0.0"
+          }
+        },
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
+          "dev": true
+        },
+        "domutils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.7.0.tgz",
+          "integrity": "sha512-8eaHa17IwJUPAiB+SoTYBo5mCdeMgdcAoXJ59m6DT1vw+5iLS3gNoqYaRowaBKtGVrOF1Jz4yDTgYKLK2kvfJg==",
+          "dev": true,
+          "requires": {
+            "dom-serializer": "^1.0.1",
+            "domelementtype": "^2.2.0",
+            "domhandler": "^4.2.0"
+          }
+        },
+        "nth-check": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.0.0.tgz",
+          "integrity": "sha512-i4sc/Kj8htBrAiH1viZ0TgU8Y5XqCaV/FziYK6TBczxmeKm3AEFWqqF3195yKudrarqy7Zu80Ra5dobFjn9X/Q==",
+          "dev": true,
+          "requires": {
+            "boolbase": "^1.0.0"
           }
         }
       }
@@ -10078,7 +10143,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz",
       "integrity": "sha1-nPFhG6YmhdcDCunkujQUnDrwP8g=",
-      "dev": true,
       "requires": {
         "safe-buffer": "~5.1.0"
       }
@@ -10819,7 +10883,7 @@
     },
     "utila": {
       "version": "0.4.0",
-      "resolved": "https://registry.npm.taobao.org/utila/download/utila-0.4.0.tgz",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
       "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=",
       "dev": true
     },
@@ -10913,87 +10977,6 @@
         "vue-style-loader": "^4.1.0"
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.2.0",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz",
-      "integrity": "sha512-TitGhqSQ61RJljMmhIGvfWzJ2zk9m1Qug049Ugml6QP3t0e95o0XJjk29roNEiPKJQBEi8Ord5hFuSuELzSp8Q==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz",
-          "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "3.5.1",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
@@ -11723,9 +11706,9 @@
       "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
     },
     "ws": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
-      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+      "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
       "dev": true,
       "requires": {
         "async-limiter": "~1.0.0"
diff --git a/src/component/Pagination.vue b/src/component/Pagination.vue
index f4d64e053fb3f8bc0274dc9756374cd506321831..3e5a88930e73672e0252bc1f9596b8eaaf0830e3 100644
--- a/src/component/Pagination.vue
+++ b/src/component/Pagination.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import {scrollTo} from "@/util/scroll-to";
+import { scrollTo } from "@/util/scroll-to";
 export default {
   name: "Pagination",
   props: {
diff --git a/src/i18n/lang/en.js b/src/i18n/lang/en.js
index d66936be5e54f7a78309531eca19a38ad79aac8c..7d116a5eeb1eabcdbd026be196f0a4bff76ff476 100644
--- a/src/i18n/lang/en.js
+++ b/src/i18n/lang/en.js
@@ -102,11 +102,12 @@ export default {
     settings: 'Settings',
     info: 'Basic Info',
     account: 'Username',
-    name: 'Nickname',
+    name: 'Alias',
     avatar: 'Avatar',
     submit: 'Submit',
     email: 'Email',
     blankEmail: 'Please enter your email address',
+    blankAlias: 'Please enter your alias',
     errEmail: 'Please enter the correct email address',
     phone: 'Phone',
     password: 'Password',
@@ -119,7 +120,9 @@ export default {
     editAvatarSuccess: 'Successfully changed avatar.',
     blankOldPassword: 'Please enter your old password.',
     blankNewPassword: 'Please enter your new password.',
+    errInfo: 'please enter the correct user infomation.',
     errPassword: 'The length should be 6-20 characters.',
+    errAlias: 'The length should be less than 15 characters.',
     checkPassword: 'Failed to change password, please check it.',
     sameEmail: 'Failed to change email, same as old email.',
   },
diff --git a/src/i18n/lang/zh.js b/src/i18n/lang/zh.js
index 8c2468d1d6d5859634ba616be268238d57322944..c029e3fd6a4d077e8abfb38fc95734b43ed89c7b 100644
--- a/src/i18n/lang/zh.js
+++ b/src/i18n/lang/zh.js
@@ -107,6 +107,7 @@ export default {
     submit: '提交',
     email: '电子邮箱',
     blankEmail: '请输入邮箱地址',
+    blankAlias: '请输入昵称',
     errEmail: '请输入正确的邮箱地址',
     phone: '手机号',
     password: '密码',
@@ -119,7 +120,9 @@ export default {
     editAvatarSuccess: '更改头像成功。',
     blankOldPassword: '请输入您的旧密码。',
     blankNewPassword: '请输入您的新密码。',
+    errInfo: '请输入正确的用户信息',
     errPassword: '密码长度在6到20个字符。',
+    errAlias: '昵称长度要小于等于15个字符',
     checkPassword: '修改密码失败，请检查旧密码。',
     sameEmail: '修改邮箱失败，新邮箱与旧邮箱相同。',
   },
diff --git a/src/view/user/Setting.vue b/src/view/user/Setting.vue
index 12793b38c7fe5c05125a196e0984ea272ec52fa2..c655a6d33fac6163de67af5c3503d0364b4809ee 100644
--- a/src/view/user/Setting.vue
+++ b/src/view/user/Setting.vue
@@ -12,11 +12,27 @@
                 :label-position="labelPosition"
                 label-width="150px"
                 :model="user"
+                ref="user"
               >
                 <el-form-item :label="$t('user.account')">
                   <el-input v-model="user.username" disabled />
                 </el-form-item>
-                <el-form-item :label="$t('user.name')">
+                <el-form-item
+                  :label="$t('user.name')"
+                  prop="alias"
+                  :rules="[
+                    {
+                      required: true,
+                      message: this.$t('user.blankAlias'),
+                      trigger: 'blur',
+                    },
+                    {
+                      max: 20,
+                      message: this.$t('user.errAlias'),
+                      trigger: 'blur',
+                    },
+                  ]"
+                >
                   <el-input v-model="user.alias" />
                 </el-form-item>
                 <el-form-item :label="$t('user.bio')">
@@ -74,8 +90,8 @@
             </el-tab-pane>
             <el-tab-pane :label="$t('user.email')" name="fourth">
               <el-form
-                ref="user"
-                :model="user"
+                ref="ruleEmail"
+                :model="ruleEmail"
                 label-width="150px"
                 class="demo-dynamic"
               >
@@ -91,11 +107,11 @@
                     {
                       type: 'email',
                       message: this.$t('user.errEmail'),
-                      trigger: ['blur', 'change'],
+                      trigger: 'blur',
                     },
                   ]"
                 >
-                  <el-input v-model="user.email" />
+                  <el-input v-model="ruleEmail.email" />
                 </el-form-item>
 
                 <el-form-item>
@@ -106,7 +122,7 @@
                 </el-form-item>
               </el-form>
             </el-tab-pane>
-            <el-tab-pane :label="$t('user.phone')" name="fifth">
+            <!-- <el-tab-pane :label="$t('user.phone')" name="fifth">
               <el-form
                 ref="dynamicValidateForm"
                 :model="user"
@@ -123,10 +139,9 @@
                     @click="submitForm('dynamicValidateForm')"
                     >{{ $t("user.submit") }}</el-button
                   >
-                  <!-- <el-button @click="resetForm('dynamicValidateForm')">重置</el-button> -->
                 </el-form-item>
               </el-form>
-            </el-tab-pane>
+            </el-tab-pane> -->
           </el-tabs>
         </div>
       </div>
@@ -178,17 +193,41 @@ export default {
         oldPassword: "",
         newPassword: "",
       },
+      ruleEmail: {
+        email: "",
+      },
       rules: {
         oldPassword: [
-          { required: true, message: this.$t('user.blankOldPassword'), trigger: "blur" },
-          { min: 6, max: 20, message: this.$t('user.errPassword'), trigger: "blur" },
+          {
+            required: true,
+            message: this.$t("user.blankOldPassword"),
+            trigger: "blur",
+          },
+          {
+            min: 6,
+            max: 20,
+            message: this.$t("user.errPassword"),
+            trigger: "blur",
+          },
           { validator: validateUserPassword, trigger: "blur" },
         ],
         newPassword: [
-          { required: true, message: this.$t('user.blankNewPassword'), trigger: "blur" },
-          { min: 6, max: 20, message: this.$t('user.errPassword'), trigger: "blur" },
+          {
+            required: true,
+            message: this.$t("user.blankNewPassword"),
+            trigger: "blur",
+          },
+          {
+            min: 6,
+            max: 20,
+            message: this.$t("user.errPassword"),
+            trigger: "blur",
+          },
         ],
       },
+      ruleEmail: {
+        email: "",
+      },
       UploadUrl: process.env.VUE_APP_SERVER_URL + "/user/upload_avatar",
       imgPath: "", // 裁剪好的头像
     };
@@ -202,6 +241,7 @@ export default {
         console.log(res);
         const { data } = res;
         this.user = data;
+        this.ruleEmail.email = this.user.email;
       });
     },
     handleClick(tab, event) {
@@ -209,17 +249,24 @@ export default {
     },
     submitForm(formName) {
       console.log(this.user);
-      const formUser = {
-        id: this.user.id,
-        username: this.user.username,
-        alias: this.user.alias,
-        bio: this.user.bio,
-      }
-      update(formUser).then((res) => {
-        this.$message.success(this.$t("user.success"));
-        this.fetchInfo();
+      this.$refs.user.validate((valid) => {
+        if (valid) {
+          const formUser = {
+            id: this.user.id,
+            username: this.user.username,
+            alias: this.user.alias,
+            bio: this.user.bio,
+          };
+          update(formUser).then((res) => {
+            this.$message.success(this.$t("user.success"));
+            this.fetchInfo();
+          });
+        } else {
+          this.$message.error(this.$t("user.errInfo"));
+        }
       });
     },
+
     update_password() {
       this.$refs.password.validate((valid) => {
         if (valid) {
@@ -229,19 +276,19 @@ export default {
             this.password.newPassword
           ).then((resp) => {
             this.$message.success(this.$t("user.success"));
-            this.$store.dispatch('user/logout').then(() => {
-                this.$router.push({ path: this.redirect || '/' })
-            })
+            this.$store.dispatch("user/logout").then(() => {
+              this.$router.push({ path: this.redirect || "/" });
+            });
           });
         } else {
-          this.$message.error(this.$t('user.checkPassword'));
+          this.$message.error(this.$t("user.checkPassword"));
         }
       });
     },
     update_email() {
-      this.$refs.user.validate((valid) => {
+      this.$refs.ruleEmail.validate((valid) => {
         if (valid) {
-          updateEmail(this.user.username, this.user.email).then((resp) => {
+          updateEmail(this.user.username, this.ruleEmail.email).then((resp) => {
             this.$message.success(this.$t("user.success"));
             this.fetchInfo();
           });