概念

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

vue 安装

npm install --save js-md5

全局

定义：

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

全局使用：

this.$md5('MD5加密')

局部

定义：

import md5 from 'js-md5'

局部使用：

md5('md5加密')

案例

因为MD5加密常用在密码加密中，就暂时不需要全局定义，两种方式都列出。

import { postRequest } from '@/utils/http'
import emptyUtil from '@/utils/emptyUtil'
import store from '@/store/index'
// 局部MD5引用
import md5 from 'js-md5'
/***@Description: 登录API*@MethodAuthor: lanys*@Date: 2022-06-23 11:52:42*@version: 1.0
*/
export default {/** 登录api */async login (params) {// MD5加密params.password = md5(params.password)let data = await postRequest('/login', params)if (emptyUtil.objectIsNotBlank(data) &&emptyUtil.stringIsNotBlank(data.data) &&data.code === 200) {// 将用户token保存到vuex中let token = 'Bearer ' + data.datastore.commit('changeLogin', { Authorization: token })}return data}
}

vue 使用MD5加密相关推荐

vue密码md5加密(学习篇)
1.在终端安装md5 使用npm安装 npm install --save js-md5 如果有安装淘宝镜像,可使用cnpm安装 cnpm install --save js-md5 2.在vue页面 ...
vue 的 MD5 加密细节
为什么叫细节,请听我说用一个登录密码加密来说吧首先安装需要的 crypto, 因为 MD5 在 crypto 里面 npm install crypto -S 导入 import crypto f ...
vue中使用MD5加密
在vue中使用MD5加密安装: 使用npm npm install --save blueimp-md5 <script src="http://cdn.bootcss.com/ ...
vue中使用md5加密
安装 npm install js-md5 --save 组件内引入需要的组件内引用 import md5 from 'js-md5'; 使用 let psd = '123123' md5(psd) ...
vue 使用axios发送的请求使用md5加密
之前使用axios发送请求都是直接发送,没有加入任何加密方式,但是这种情况其实是不安全的,最近项目要求使用md5进行加密. 在项目根目录下面安装md5 npm install --save js-md ...
Vue 登录密码验证 MD5加密
一.特点 1.压缩性:任意长度的数据,算出的MD5值长度都是固定的. 2.容易计算:从原数据计算出MD5值很容易. 3.抗修改性:对原数据进行任何改动,哪怕只修改1个字节,所得到的MD5值都有很大区别 ...
如何在vue项目中使用md5加密
npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('holle') // bce ...
在vue中使用MD5加密
npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('holle') // bcec ...
springboot md5加密_实在！基于Springboot和WebScoket，写了一个在线聊天小程序
基于Springboot和WebScoket写的一个在线聊天小程序 (好几天没有写东西了,也没有去练手了,就看了看这个...) 项目说明此项目为一个聊天的小demo,采用springboot+web ...

vue 使用MD5加密

概念

vue 安装

全局

局部

案例

vue 使用MD5加密相关推荐

最新文章

热门文章