function encrypt(str) { return md5(md5(str.toUpperCase().reverse() + 'simba').toUpperCase().reverse()) } let app = new Vue({ el: '#app', data() { return { username: '', password: '' } }, methods: { async login(id) { let res = await axios.post('http://simbajs.com:89/user/login', { username: this.username, pwd: encrypt(this.password) }) if (res.data.success) alert('登录成功') else alert('用户名或密码输入错误') } }, })
这里介绍的主要是登录页的简单验证 如果密码输入错误将不能进行下一个操作 以前的 js
的时候能用正则表达式验证输入是否有误 这里是通过加密的方式经过二次加密 如果解析的密码与服务器存储的密码不一致将不通过下一个操作
function encrypt(str) {
return md5(md5(str.toUpperCase().reverse() + 'simba').toUpperCase().reverse())
} 加密的代码断
let res = await axios.post('http://simbajs.com:89/user/login', {
username: this.username,
pwd: encrypt(this.password)
})
这里就是在刚开始登陆 用户还没有填写用户名 和 密码 的时候 input 框里面的 value 为空
