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>
相关推荐
EatFan1 天前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
bug总结2 天前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
大佐不会说日语~2 天前
Android 16 下 uni-app APP 提示“网络连接失败”的排障与修复
android·uni-app
2501_915106323 天前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
白远山3 天前
家政服务派单平台搭建实战指南:从需求分析到系统设计全流程解析
java·开发语言·架构·uni-app·需求分析
宸翰3 天前
解决uni-app 中 SVG 图片在 iOS 端显示模糊问题
前端·uni-app
走到天涯海角3 天前
uniApp蓝牙在手机上测试
智能手机·uni-app
bug总结4 天前
uniapp的easycom自动组件注册机制
uni-app
HF_code4 天前
uniapp-history路由深度指南
uni-app
suliqiang4 天前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode