拼写错误修改 updata->update regist->register 更新需更新数据库 建议更新数据库文件 数据库将单表数据录入 方便选择性更新

QMPlusVuePage/src/api/user.js

@@ -28,9 +28,9 @@ export const captcha = (data) => {
 // @Produce  application/json
 // @Param data body {username:"string",password:"string"}
 // @Router /base/resige [post]
-export const regist = (data) => {
+export const register = (data) => {
         return service({
-            url: "/base/regist",
+            url: "/base/register",
             method: 'post',
             data: data
         })

QMPlusVuePage/src/permission.js

@@ -3,7 +3,7 @@ import { store } from '@/store/index'
 
 let asyncRouterFlag = 0
 
-const whiteList = ['login', 'regist']
+const whiteList = ['login', 'register']
 
 router.beforeEach(async(to, from, next) => {
     const token = store.getters['user/token']

QMPlusVuePage/src/router/index.js

@@ -14,10 +14,10 @@ const baseRouters = [{
             import ('@/view/login/login.vue')
     },
     {
-        path: '/regist',
-        name: 'regist',
+        path: '/register',
+        name: 'register',
         component: () =>
-            import ('@/view/login/regist.vue')
+            import ('@/view/login/register.vue')
     },
     {
         path: "/404",

QMPlusVuePage/src/view/login/login.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-container class="login-regist-box">
+  <el-container class="login-register-box">
     <vue-particle-line></vue-particle-line>
     <el-main class="login-box">
       <h1 class="title-1">
@@ -111,7 +111,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.login-regist-box {
+.login-register-box {
   background: #fff;
   height: 100vh;
   .login-box {

QMPlusVuePage/src/view/login/regist.vue

@@ -1,127 +0,0 @@
-<template>
-  <el-container class="login-regist-box">
-    <vue-particle-line></vue-particle-line>
-    <el-main class="login-box">
-      <h1 class="title-1">
-        <img class="logo" :src="require('@/assets/logo.png')">
-      </h1>
-      <el-form :model="registForm" :rules="rules" ref="registForm">
-        <el-form-item prop="username">
-          <el-input placeholder="请输入用户名" v-model="registForm.username"></el-input>
-        </el-form-item>
-        <el-form-item prop="password">
-          <el-input
-            :type="lock==='lock'?'password':'text'"
-            placeholder="请输入密码"
-            v-model="registForm.password"
-          >
-            <i :class="'el-input__icon el-icon-' + lock" @click="changeLock" slot="suffix"></i>
-          </el-input>
-        </el-form-item>
-        <el-form-item prop="rePassword">
-          <el-input
-            :type="lock==='lock'?'password':'text'"
-            placeholder="请再次输入密码"
-            v-model="registForm.rePassword"
-          >
-            <i :class="'el-input__icon el-icon-' + lock" @click="changeLock" slot="suffix"></i>
-          </el-input>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="submitForm" style="width:100%">注 册</el-button>
-        </el-form-item>
-      </el-form>
-    </el-main>
-  </el-container>
-</template>
-
-<script>
-import { mapActions } from 'vuex'
-import { regist } from '@/api/user'
-export default {
-  name: 'Regist',
-  data() {
-    const ratioPassword = (rule, value, callback) => {
-      if (value != this.registForm.password) {
-        return callback(new Error('两次密码不同'))
-      } else {
-        callback()
-      }
-    }
-    const checkUsername = (rule, value, callback) => {
-      if (value.length < 5 || value.length > 12) {
-        return callback(new Error('请输入正确的用户名'))
-      } else {
-        callback()
-      }
-    }
-    const checkPassword = (rule, value, callback) => {
-      if (value.length < 6 || value.length > 12) {
-        return callback(new Error('请输入正确的密码'))
-      } else {
-        callback()
-      }
-    }
-
-    return {
-      lock: 'lock',
-      registForm: {
-        username: '',
-        password: '',
-        rePassword: ''
-      },
-      rules: {
-        username: [{ validator: checkUsername, trigger: 'blur' }],
-        password: [{ validator: checkPassword, trigger: 'blur' }],
-        rePassword: [{ validator: ratioPassword, trigger: 'blur' }]
-      }
-    }
-  },
-  methods: {
-    ...mapActions('user', ['LoginIn']),
-    async submitForm() {
-      this.$refs.registForm.validate(async v => {
-        if (v) {
-          const res = await regist(this.registForm)
-          if (res.success) {
-            this.$message({
-              type: 'success',
-              message: '注册成功',
-              showClose: true
-            })
-            await this.LoginIn(this.registForm)
-          }
-        } else {
-          this.$message({
-            type: 'error',
-            message: '请正确填写注册信息',
-            showClose: true
-          })
-          return false
-        }
-      })
-    },
-    changeLock() {
-      this.lock === 'lock' ? (this.lock = 'unlock') : (this.lock = 'lock')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.login-regist-box {
-  background: #fff;
-  height: 100vh;
-  .login-box {
-    width: 40vw;
-    position: absolute;
-    left: 50%;
-    margin-left: -22vw;
-    top:5vh;
-    .logo{
-      height: 35vh;
-      width: 35vh;
-    }
-  }
-}
-</style>

QMPlusVuePage/src/view/superAdmin/user/user.vue

@@ -89,7 +89,7 @@
 <script>
 // 获取列表内容封装在mixins内部  getTableData方法 初始化已封装完成
 const path = process.env.VUE_APP_BASE_API
-import { getUserList, setUserAuthority, regist } from '@/api/user'
+import { getUserList, setUserAuthority, register } from '@/api/user'
 import { getAuthorityList } from '@/api/authority'
 import infoList from '@/components/mixins/infoList'
 import { mapGetters } from 'vuex'
@@ -131,7 +131,7 @@ export default {
     async enterAddUserDialog() {
       this.$refs.userForm.validate(async valid => {
         if (valid) {
-          const res = await regist(this.userInfo)
+          const res = await register(this.userInfo)
           if (res.success) {
             this.$message({ type: 'success', message: '创建成功' })
           }