前言:在实际的项目开发中,少不了登陆注册功能 的实现,其实作为前端的我来说,懵懂的知道一些注册是我们前端向后端传入参数后,后端给我们把这些参数添加到数据库中,登陆的话是后端拿前端的参数去数据库查找有没有该数据,没有则会给前端返回相应的提示,前端负责把它展示出来即可,登陆涉及到后端返回来的token ,登陆之后每当我们想后端请求的时候一般都会携带token的放到请求头中,当然有一些数据是不需要用户登陆就可以直接看到的数据,这个请求不要不需要token是视情况而定的.
下面是我在做登陆的时候的一些关键源码
关键布局如下:
<div class="outBox">
<div class="box">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-width="80px">
<el-form-item label="用户名:" prop="username">
<el-input v-model="loginForm.username" prefix-icon="el-icon-user-solid" @keyup.enter.native="submitForm('loginForm')"></el-input>
</el-form-item>
<el-form-item label="密码:" prop="password">
<el-input
@keyup.enter.native="submitForm('loginForm')