首页 > 其他分享 >vue中的加密登录

vue中的加密登录

时间:2022-11-28 09:34:04浏览次数:55  
标签:vue 加密 登录 加盐 salt 输入 md5

场景:需求是要把登录时候的密码加密,不允许用户在浏览器F12和类似Fiddler之类的抓包工具抓包获取用户登录的密码参数

解决办法和思路:使用md5加密

md5加密
MD5(单项散列算法)的全称是Message-Digest Algorithm 5(信息-摘要算法),经MD2、MD3和MD4发展而来。
 
MD5功能:
输入任意长度的信息,经过处理,输出32位的信息;
 
不同的输入得到的不同的结果(唯一性)
 
根据32位的输入结果不可能反推出输入的信息(不可逆)

前端使用md5加密

安装:
npm install js-md5 -D
在页面中使用:
import md5 from “js-md5”
 
代码:
// 加盐
 let salt='cvdf-yyds*123.cv987@'
 this.loginForm.Password = md5(salt+ this.loginForm.Password );

加盐加密:

​​​​​​​加盐加密是一种对系统登录口令的加密方式,它实现的方式是将每一个口令同一个叫做”盐“(salt)的n位随机数相关联

 

标签:vue,加密,登录,加盐,salt,输入,md5
From: https://www.cnblogs.com/Ma-YuHao/p/16931350.html

相关文章

  • iis下发布 vue
    requestRouter_amd64.msi https://download.microsoft.com/download/E/9/8/E9849D6A-020E-47E4-9FD0-A023E99B54EB/requestRouter_amd64.msiurlrewrite2.exe https://......
  • VUE 简介
    VUE简介什么是VUE?一套用于构建用户界面的渐进式JS框架。把数据展现成用户界面渐进式:自底向上逐层应用简单应用:只需一个轻量小巧的核心库复杂应用:引入各式......
  • 脚手架生成一个新Vue2项目
    Vue脚手架生成一个新项目 1.输入cmd打开当前目录,并输入指令vuecreate项目名称 2.选择自己配置的历史配置或使用新配置Manuallyselectfeatures(即为新配置......
  • vue-router重写Router.prototype.push,解决相同路径跳转的报错问题
    在router的index.js里面写,在use之前,如果加上以下代码,报错‘Cannotreadpropertiesofundefined(reading‘catch’)atVueRouter.push’那就是vue-router的版本问题,安......
  • 主流单点登录SSO协议概述
    知识点:认证和授权单点登录,以及其主流方案1,认证与授权以小区门卫大叔的灵魂3问为例:你是谁你来自哪里你将要到哪里去认证(authentication),确认用户的身份,解决你是......
  • 不够沉淀----001 Vue学习播客
    vue初体验1.1使用cdn来进行初体验Vue,可以通过页面进行message的修改,来打到双向绑定的效果, 1.2:下面是可以根据页面来进行调试 ......
  • 登录案例-BeanUtils基本使用、BeanUtils介绍
    登录案例-BeanUtils基本使用、BeanUtils介绍login.html中form表单的action路径的写法 虚拟目录+Servlet的资源路径  BeanUtils工具类,简化数据封装 ......
  • 登录案例-代码实现
    登录案例-代码实现1.创建项目,导入html页面,配置文件,jar包2.创建数据库环境CREATEDATABASEday14;USEday14;CREATETABLEUSER(idINTPRIMARYKEYAUT......
  • 登录案例-需求、分析
    登录案例-需求用户登录案例需求:1.编写login.html登录页面username&password两个输入框2.使用Druid数据库连接池技术,操作mysql,day......
  • vuex-store文件夹的目录组织
         ......