火狐浏览器记住密码,如果对前端密码加密,浏览器记住被加密的密码导致登录失败

首先,先了解火狐浏览器记住密码的原理:

1、火狐浏览器的自动记住密码是在监控到登录post请求 之后,从上往下,找到 最后 一个 type=“password” 的input,然后询问你是否需要记住密码。

2、火狐浏览器的密码自动填充也是从上到下的,寻找第一个type=“password”的input,将值填充进去,不管这个input是否隐藏。


通过第一点我们知道,浏览器最终记住的是 最后一个 type="password"的值,所以,我们可以在这样做:

       

        v-show="false">

         

       

       

       

         

       

将post请求需要用到的密码框隐藏,新建一个密码框用于保存浏览器记住的密码。

        axios请求:

login:function() {

          this.loading = true;

          this.loginForm.password=md5(this.password);//对密码进行MD5加密

          let params={

            "data": Object.assign({}, this.loginForm)

          }

         .........

}



你可能感兴趣的:(火狐浏览器记住密码,如果对前端密码加密,浏览器记住被加密的密码导致登录失败)