登录功能分类两类,第一类是登陆前的预验证,预验证功能所使用的方法为validateField
首先,我们先为login按钮绑定一个点击事件
其次,我们通过ref="loginFormRef" 这个组件实例对象对表单上进行与验证操作
目的是根据valid的值,来决定是否继续还是退出。
登录功能第二布就是通过发送axios请求将表单传递的值跟头端接口进行比对,如果用户存在,则返回200,不存在则返回404.
首先,我们先引入axios依赖,在index.js中:
import axios from 'axios'
然后把axios依赖包挂在到Vue的原型对象上
Vue.prototype.$http = axios
最后设置axios请求根路径:
axios.defaults.baseURL = 'http://127.0.0.1: