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_915909064 小时前
iOS 抓包不越狱,代理抓包 和 数据线直连抓包两种实现方式
android·ios·小程序·https·uni-app·iphone·webview
给钱,谢谢!5 小时前
记录uni-app Vue3 慎用 Teleport,会导致页面栈混乱
前端·vue.js·uni-app
郑州光合科技余经理9 小时前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php
烈焰飞鸟1 天前
iconfont 在 uni-app 项目中的完整使用指南
vue.js·uni-app·iconfont
TON_G-T1 天前
uniapp-解放主包,组件下沉分包插件
webpack·uni-app
笨笨狗吞噬者1 天前
【uniapp】小程序支持分包存放微信自定义组件 wxcomponents
前端·微信小程序·uni-app
蓝色心灵-海1 天前
小律书 技术架构详解:前后端分离的自律管理系统设计
java·http·小程序·架构·uni-app
TON_G-T1 天前
uniapp-降低主包体积-分包js
webpack·uni-app
专科3年的修炼1 天前
uni-app移动应用开发第三章
uni-app