uniapp MD5加密 加密传输 密码加密

1. uniapp MD5加密 加密传输 密码加密

  (1)引入md5

javascript 复制代码
npm install js-md5 --save

  (2)在需要使用的文件里引入

javascript 复制代码
import md5 from 'js-md5';

  (3)引入后使用

javascript 复制代码
// 用户输入的密码为password
let password = 'zzs123456!';
// 对密码进行md5加密
let md5Password = md5(password);

  (4)完整代码

javascript 复制代码
<template>
  <view>
    <view>原数据:{{str}}</view>
    <view>MD5加密数据:{{md5Str}}</view>
  </view>
</template>
<script>
import pageUtil from '../../../utils/pageUtil.js';
import md5 from 'js-md5';

export default {
  data() {
    return {
      str:"zzs123456!",
      md5Str:""
    }
  },
  onLoad: function () {
    pageUtil.setTitleBar('MD5加密')
    // 对密码进行md5加密
    this.md5Str = md5(this.str);
    console.log("原数据:",this.str);
    console.log("MD5加密:", this.md5Str);
  },
  methods: {}
}
</script>

<style>
</style>
相关推荐
游九尘6 小时前
JavaScript 实现三段式版本号对比函数(app升级用)
javascript·uni-app
2501_916007476 小时前
前端开发常用软件与工具全面指南
android·ios·小程序·https·uni-app·iphone·webview
2501_9159090611 小时前
iOS应用性能优化:十大策略提升用户体验与开发效率
android·ios·小程序·https·uni-app·iphone·webview
万能小林子17 小时前
如何将网页在线转APP?5种打包工具对比速成指南(含在线/手机/电脑方案)
android·ios·uni-app·web app·wap2app·app打包·app封装
雪芽蓝域zzs2 天前
uni-app原生editor封装编辑组件(vue3)
uni-app
felipeas3 天前
uni-app day1
uni-app·notepad++
前端后腿哥3 天前
UNIAPPX UTS插件Widget开发完整教程(Android版)
前端·uni-app
黄同学real4 天前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app
Hoshizola4 天前
uniapp与蓝牙设备连接详细步骤
前端·uni-app
优雅格子衫4 天前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue