前端vue密码加密(js-md5加密)--以及封装好的可直接使用

24 篇文章 1 订阅

1.安装依赖

npm install js-md5

2.在需要的文件中引入

import md5 from 'js-md5';

3.使用

md5('Message to hash');

https://github.com/emn178/js-md5

也可以使用**encodeURI()**加密, **decodeURI()**解密, 但该方法不会对ASCII字母和数字进行编码,也不会对这些ASCII标点符号进行编码

下面是在网上找的可以加密也可以解密 , 不过一般是用不上解密的
https://blog.csdn.net/xiaoshihoukediaole/article/details/82256912

封装 :

  1. 首先还是要安装依赖
npm i js-md5
  1. 新建一个way.js文件
import md5 from 'js-md5'

// 密码加密
export function passwordMd5(password) {
    return md5(password)
}

3.在需要的文件上引入way.js文件 , 再使用

import { passwordMd5 } from 'way.js'

// js使用
let password = passwordMd5('123456')
console.log(password) 
Vue.js-md5是一个用于在Vue项目中进行MD5加密的npm包。它是基于js-md5库的封装,提供了全局使用和局部使用两种方式。在使用之前,你需要通过npm安装js-md5依赖包。 在局部使用时,你可以通过import语句将md5函数引入到你的Vue组件中,并在需要加密的地方调用md5函数进行加密。示例代码如下: ``` import md5 from 'js-md5' ... md5('MD5加密') ``` 在全局使用时,你可以在Vue实例的原型上定义$md5方法,并在需要加密的地方调用this.$md5函数进行加密。示例代码如下: ``` import md5 from 'js-md5'; ... Vue.prototype.$md5 = md5; ... this.$md5('MD5加密') ``` 值得注意的是,MD5加密是一种单向加密加密后的结果无法被解密得到原始数据。一般在传递密码等敏感信息时,会使用MD5加密来保证数据的安全性。 总结起来,Vue.js-md5是一个方便在Vue项目中进行MD5加密的工具,可以通过全局使用或局部使用两种方式来使用。你可以根据自己的需求选择适合的方式进行加密操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue项目之使用md5加密密码](https://blog.csdn.net/m0_67460846/article/details/131890826)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vue-md-loader-Markdown文件到ALIVE Vue组件。-Vue.js开发](https://download.csdn.net/download/weixin_42146230/19136302)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值