md5加密登录密码

package.json

@@ -20,6 +20,7 @@
     "el-tree-transfer": "^2.4.7",
     "element-ui": "^2.15.6",
     "js-cookie": "2.2.0",
+    "js-md5": "^0.7.3",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",

src/layout/components/Navbar.vue

 <template>
   <div class="navbar">
-    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <hamburger
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
 
     <breadcrumb class="breadcrumb-container" />
 
     <div class="right-menu">
-
       <el-dropdown class="avatar-container" trigger="click">
         <div class="avatar-wrapper">
           <img v-if="avatar" :src="avatar" class="user-avatar" />
@@ -35,13 +38,26 @@
       </el-dropdown>
     </div>
 
-    <div class="username-container">欢迎你，{{ userInfo.nickName  || userInfo.username }}</div>
+    <div class="username-container">
+      欢迎你，{{ userInfo.nickName || userInfo.username }}
+    </div>
 
-    <el-drawer :title="isUserInfo ? '个人资料' : '修改密码'" :visible.sync="showDrawer" direction="rtl"
-      :before-close="handleClose" append-to-body v-loading="loading">
+    <el-drawer
+      :title="isUserInfo ? '个人资料' : '修改密码'"
+      :visible.sync="showDrawer"
+      direction="rtl"
+      :before-close="handleClose"
+      append-to-body
+      v-loading="loading"
+    >
       <!-- <span>{{ isUserInfo ? "个人资料" : "修改密码" }}</span> -->
-      <el-form ref="userInfoForm" v-if="isUserInfo" :label-width="labelWidth" :rules="userInfoRules"
-        :model="userInfoForm">
+      <el-form
+        ref="userInfoForm"
+        v-if="isUserInfo"
+        :label-width="labelWidth"
+        :rules="userInfoRules"
+        :model="userInfoForm"
+      >
         <el-form-item label="用户名" prop="username">
           <span v-if="!isEditingUserInfo">{{ userInfo.username }}</span>
           <el-input v-else v-model="userInfoForm.username"></el-input>
@@ -55,13 +71,27 @@
           <el-input v-else v-model="userInfoForm.phone"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click.native="handleSubmitUserInfo" icon="el-icon-circle-check">{{
-              isEditingUserInfo ? "保存" : "修改个人信息"
-          }}</el-button>
-          <el-button type="primary" @click.native="handleCancelChangeUserInfo" v-if="isEditingUserInfo">取消</el-button>
+          <el-button
+            type="primary"
+            @click.native="handleSubmitUserInfo"
+            icon="el-icon-circle-check"
+            >{{ isEditingUserInfo ? "保存" : "修改个人信息" }}</el-button
+          >
+          <el-button
+            type="primary"
+            @click.native="handleCancelChangeUserInfo"
+            v-if="isEditingUserInfo"
+            >取消</el-button
+          >
         </el-form-item>
       </el-form>
-      <el-form ref="pwdForm" :model="pwdForm" :label-width="labelWidth" :rules="pwdRules" v-else>
+      <el-form
+        ref="pwdForm"
+        :model="pwdForm"
+        :label-width="labelWidth"
+        :rules="pwdRules"
+        v-else
+      >
         <el-form-item label="旧密码" prop="oldPwd">
           <el-input v-model="pwdForm.oldPwd" type="password"></el-input>
         </el-form-item>
@@ -72,8 +102,15 @@
           <el-input v-model="pwdForm.checkPass" type="password"></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-circle-check" @click.native="handleSubmitPwd">保存</el-button>
-          <el-button type="primary" @click.native="handleCancelChangePwd">取消</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click.native="handleSubmitPwd"
+            >保存</el-button
+          >
+          <el-button type="primary" @click.native="handleCancelChangePwd"
+            >取消</el-button
+          >
         </el-form-item>
       </el-form>
     </el-drawer>
@@ -86,6 +123,7 @@ import Breadcrumb from "@/components/Breadcrumb";
 import Hamburger from "@/components/Hamburger";
 import { editUserInfo, editUserPwd } from "@/api/user";
 import { setUserInfo } from "@/utils/auth";
+import md5 from "js-md5";
 export default {
   components: {
     Breadcrumb,
@@ -214,10 +252,12 @@ export default {
       this.$refs.pwdForm.validate(async (valid) => {
         if (valid) {
           const { newPwd, oldPwd } = this.pwdForm;
+
           const params = {
             newPwd,
             oldPwd,
           };
+          params.newPwd = md5(params.newPwd);
           let res = await editUserPwd(params);
           if (res.code == "0") {
             this.$message.success("修改成功，请重新登录！");

src/views/login/index.vue

@@ -109,6 +109,8 @@
 
 <script>
 import { getVerify } from "@/api/user";
+import md5 from 'js-md5'
+
 export default {
   name: "Login",
   data() {
@@ -172,8 +174,10 @@ export default {
       this.$refs.loginForm.validate((valid) => {
         if (valid) {
           this.loading = true;
+          const params =JSON.parse(JSON.stringify(this.loginForm))
+          params.password = md5(params.password)
           this.$store
-            .dispatch("user/login", this.loginForm)
+            .dispatch("user/login", params)
             .then(async () => {
               // debugger
               // await this.$store.dispatch('user/getMenuList')

vue.config.js

@@ -41,7 +41,8 @@ module.exports = {
     proxy: {
       '/api': {
         // target: 'http://172.24.100.109:8080/',
-        target:'http://222.85.214.245:9603/api',
+        target:'http://172.24.100.46:8080',
+        // target:'http://222.85.214.245:9603/api',
         // target:'http://192.168.1.230:9603/api',
         // target: 'http://114.115.157.218:9602/api',//生产
         changeOrigin: true,