如何在vuejs项目中使用md5加密密码的实现

目录
  • 1、NPM 安装：
  • 2、全局用法
  • 3.局部用法
  • 概念
  • MD5加密有什么用？为什么要使用MD5加密？
  • MD5算法的用途是什么？

具体使用步骤：

1、NPM 安装：

npm install --save js-md5

2、全局用法

2.1、全局引用

import md5 from 'js-md5';
Vue.prototype.$md5 = md5;

2.2、全局使用

将您需要加密的信息放进去：

this.$md5('This is encrypted content')  // 6f43dd5db792acb25d6fe32f3dddac70

3.局部用法

在页面中单独使用它们：

3.1首先安装依赖项，然后引入

import md5 from 'js-md5';

3.2局部使用

md5('This is encrypted content')  // 6f43dd5db792acb25d6fe32f3dddac70

概念

MD5是一种信息摘要算法（对称加密），一种被广泛使用的密码散列函数，可以产生出一个128位（16字节）的散列值，用来确保信息传输完整一致性。它可以计算任意长度的输入字符串，得到固定长度的输出，而且这个算法是不可逆的，即使得到了加密的密文，也不可能用解密算法反算出明文。

MD5加密有什么用？为什么要使用MD5加密？

是为了防止信息不被盗取，修改，保护信息

MD5算法的用途是什么？

MD5算法有多种用途如下：

  • MD5 代表 消息摘要算法 5。它是一个广泛使用的加密哈希函数，具有 128 位哈希值。作为互联网标准（RFC 1321），MD5已被用于广泛的安全应用程序方法，并且通常也用于测试文件的完整性。MD5 哈希通常定义为 32 位十六进制数。
  • MD5由Ron Rivest于1991年发明，用于恢复早期的哈希函数MD4。该算法创建输入任意长度的消息，并将输入的 128 位指纹或消息摘要作为输出。
  • 在计算上不可能生成两个具有相似消息摘要的消息，或者创建具有给定预定义目标消息摘要的消息。
  • MD5 算法专为数字签名应用而设计，其中高文件应以安全的方式压缩，然后在包括 RSA 在内的公钥密码系统下使用私钥进行加密。
  • MD5 算法设计用于在 32 位设备上快速运行。此外，MD5算法不需要任何高替换表，并且算法可以非常紧凑地编码。
  • MD5 算法是 MD4 消息摘要算法的扩展。MD5比MD4慢一些，但在设计上更传统。
  • 它可用于传输协议中的数据验证目标
  • 在一些Web应用程序中，MD5哈希可用于通过提高安全性的方法避免安全漏洞，黑客攻击等。
  • MD5算法通常是为了安全目的而生成的，因为它接受任何消息并提供128位哈希值作为输出。
  • MD5被发明用于存储密码的单向哈希，并且几个文件服务器还支持预先计算的文件的MD5校验和，以便用户可以将下载文件的校验和与之进行比较。某些基于 UNIX 的操作系统（如 MD5 校验和服务）在其分发包中。
  • MD5 基本上用于对文件进行身份验证。需要 MD5 哈希来对照原始文档控制文档的副本要比逐位检查两个副本是否匹配要简单得多。
  • MD5用于信息安全和加密，但现在它的基本要求是身份验证。由于黑客可以制作具有与完全多个文件完全相同的哈希值的文件，因此MD5在有人篡改文件的活动中是不安全的。
  • MD5 以十六进制格式创建哈希值。这与多种设计竞争，其中哈希函数采用特定的数据元素，并将其更改为支持可以使用的键或值，而不是原始值。

到此这篇关于如何在vuejs项目中使用md5加密密码的实现的文章就介绍到这了,更多相关vue使用md5加密密码内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • Vue使用MD5对前后端进行加密的实现

    Vue使用MD5对前后端进行加密的实现

    目录 前端 后端 前后端分离的项目,遇到了对密码进行加密的情况,在前端或者是在后端加密都是可以的.但是从用户数据的安全性来讲,前后端是都需要进行加密的.后端不加密的话,数据库中存储明文密码,就可以从数据库窃取用户密码.前端不加密的话,在异步传输的过程中,就可以获取传输的明文密码,就会导致密码泄露.当然,加密算法有很多,这里我就简单介绍一下使用MD5进行加密吧. 前端 1.在public下面新建一个MD5.js工具类MD5 的内容: var KEY = "!@#QWERT"; /* *

  • 在vue项目中使用md5加密的方法

    npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('hello world')  // 5eb63bbbe01eeed093cb22bb8f5acdc3 2.或者在main.js文件中将md5转换成vue原型: import md5 from 'js-md5'; Vue.prototype.$md5 = md5; 使用: this.$md5('hello world') // 5

  • 如何在vuejs项目中使用md5加密密码的实现

    目录 1.NPM 安装: 2.全局用法 3.局部用法 概念 MD5加密有什么用?为什么要使用MD5加密? MD5算法的用途是什么? 具体使用步骤: 1.NPM 安装: npm install --save js-md5 2.全局用法 2.1.全局引用 import md5 from 'js-md5'; Vue.prototype.$md5 = md5; 2.2.全局使用 将您需要加密的信息放进去: this.$md5('This is encrypted content') // 6f43dd5

  • Winform中进行MD5加密的实例

    Winform中进行MD5加密的实例

    Winform,c#进行MD5加密直接上步骤: 1. 添加引用 2. 在.NET选项卡中找到"System.Web" 3. 选中之后,点击"确定"即可,此时会在解决方案中看到刚才添加的引用 4. 引用名空间:using System.Web.Security; Click事件中的代码如下: 还有一种方法: 引用 using System.Security.Cryptography; using System.Text; 具体代码如下(写在按钮的Click事件里):

  • vue项目中使用AES实现密码加密解密（ECB和CBC两种模式）

    vue项目中使用AES实现密码加密解密 区别 ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文. CBC:是一种循环模式,前一个分组的密文和当前分组的明文异或或操作后再加密,这样做的目的是增强破解难度.(不容易主动攻击,安全性好于ECB,是SSL.IPSec的标准) 代码实现 先安装 crypto-js npm install crypto-js --save-dev ECB模式: import CryptoJS from "cryp

  • 详解如何在Vue项目中导出Excel

    详解如何在Vue项目中导出Excel

    Excel 导出 Excel 的导入导出都是依赖于js-xlsx来实现的. 在 js-xlsx的基础上又封装了Export2Excel.js来方便导出数据. 使用 由于 Export2Excel不仅依赖js-xlsx还依赖file-saver和script-loader. 所以你先需要安装如下命令: npm install xlsx file-saver -S npm install script-loader -S -D 由于js-xlsx体积还是很大的,导出功能也不是一个非常常用的功能,所以

  • python3中的md5加密实例

    在python3的标准库中,已经移除了md5,而关于hash加密算法都放在hashlib这个标准库中,如SHA1.SHA224.SHA256.SHA384.SHA512和MD5算法等. 另:在网上找关于python的md5加密,发现要不是比较旧的不适用当前py版本的文章,或者是说得不够清楚的文章,所以还是自己去看下官方文档比较好,顺便整理下关于md5的使用方法. 对于学习任何一门程序类知识,我都认为去看官方文档这种学习方式最有效的之一,只不过一般这些文档都是英文版的,对于一些学习者来说可能会有一

  • 如何在Maven项目中运行JUnit5测试用例实现

    本文演示了如何如何编写JUnit 5测试用例,在Maven项目中运行JUnit 5测试用例. 编写JUnit 5测试用例 如果你是Java开发者,那么对于JUnit应该就不陌生.JUnit是Java单元测试的基础工具. JUnit目前最新的版本是JUnit 5.x,但广大的Java开发者估计还停留在JUnit 4.x,因此有必要演示下如何编写JUnit 5测试用例. 引入JUnit 5依赖 相比较JUnit 4而言,JUnit 5一个比较大的改变是JUnit 5拥有与JUnit 4不同的全新的A

  • 如何在Vue项目中添加接口监听遮罩

    一.业务背景 使用遮罩层来屏蔽用户的非正常操作,是前端经常使用的方式.但是在一些项目中,并没有对遮罩层进行统一管理,这就会造成如下的问题: (1)所有的业务组件都要引入遮罩层组件,也就是每个.vue业务组件,都在template中引入了Mask组件.组件在项目的各个角落都存在,不利于管理,代码极度冗余. (2)Mask组件都分散到业务的各个角落,所以控制是否显示遮罩层的变量也散在业务组件中.比如使用maskShow来控制是否展示遮罩层时,一个较为复杂的项目中会产生200+的maskShow变量.

  • 如何在Vue项目中使用axios请求

    在实际的项目中,和后台的数据交互是少不了的,我通常使用的是 axios 库,所以以下示例也是以 axios 为基础来进行封装的. 1.安装 首先是 npm 安装 axios 很简单:npm install axios 2.没有封装存在的问题 如果在没有封装接口的项目中,在文件中随处可以看到如下的接口调用方法: this.$axios.post("/user/add", { params: { name: this.name, age: this.age } }) .then(res =

  • 如何在uniapp项目中使用mqtt

    如何在uniapp项目中使用mqtt

    由于要取一些实时数据并在手机app上展示,就想到用mqtt进行即时通讯. 下面附上uniapp中引入mqtt的全过程: 一.uniapp插件市场的参考插件 https://ext.dcloud.net.cn/plugin?id=854 二.具体引入过程 1.安装mqtt和uuid 在uniapp项目根目录下分别运行安装mqtt和uuid的命令行,因为后面会用uuid生成mqtt的clientId,所以这边就一起安装了. npm install mqtt@3.0.0 npm install uui

随机推荐