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>
相关推荐
2501_915921432 天前
iOS应用从开发到上架App Store的完整步骤详解
android·ios·小程序·https·uni-app·iphone·webview
小蒜学长4 天前
基于SpringBoot+uni-app的闪洁家政系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·uni-app·家政服务
anyup_前端梦工厂4 天前
uni-app 模板 Starter 一键清理 Skill 发布
前端·人工智能·uni-app
anyup_前端梦工厂4 天前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
蒿豪郝灬号4 天前
UniApp接入鸿蒙版阿里百川
华为·uni-app·harmonyos
2501_915921435 天前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
梦曦i5 天前
uni-app、uni-app x 与 Flutter 深度对比:2026年跨平台开发框架选型指南
flutter·uni-app·uni-app x
普马萨特6 天前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app
Geek_Vison6 天前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理7 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程