• vue项目用sha256、md5、base64加密密码


    无论你开发什么样的项目,你可能都会要开发登录、注册、修改密码、忘记密码这些功能,少数项目除外!!要实现这些功能,对于保护用户或者管理员账号密码,这是我们程序员肯定要做的事情。要是用户密码不加密,用明文方式传给后台,是不是有点耍流氓了!!!所以为了保证密码的不可见性,我们还是加密吧!下面我简单介绍一下三种加密方法,也是我最常用的三种方法。

    1.MD5:

        1)、基本介绍

            中文名:消息摘要算法

            英文名:Message Digest Algorithrm MD5

            其实再MD5诞生之前,还有MD2 MD3 MD4

            MD5用的最多的地方就是 用户密码存储 文件校验

        2)、使用方法

               1. 使用npm 安装:npm install crypto --save (或者使用cdn:http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js)

               2.想在哪个组件中使用,就在哪个文件中引用 :import crypto from 'crypto'

               3.methods中定义方法,然后调用

    setMd5(){
    var md5 = crypto.createHash("md5")
    md5.update(this.pw2)//this.pw2这是你要加密的密码
    this.pw = md5.digest('hex')//this.pw这就是你加密完的密码,这个往后台传就行了

    },

                4.加密完之后是32位的、其实还可以加密成16位或者8位,哪种位数都行,满足需求就ok

    2.sha256:

        1)、基本介绍

            1.中文名、英文名,全都叫sha256

            2.因为哈希值是固定大小的  256位所以名字有个256

            3.听说最近流行的比特币,区块链中挺多地方都用到了这个加密算法

        2)、使用方法

            1.使用npm安装 :npm install js-sha256

            2.然后在组件中methods定义方法,在调用

                    // sha256加密密码
              setSha(){
                let sha256 = require("js-sha256").sha256//这里用的是require方法,所以没用import
                this.pw = sha256(this.passWord)//要加密的密码
                console.log(this.pw)//这就是你加密之后的密码

              },

    3.base64

        1)、基本介绍

            8bit字节代码的编码方式之一

        2)、使用方法

            1.npm 安装 npm install js-base64

            2.跟上面一样,不啰嗦。

                setBase(){

                    let Base64 = require("js-base64").Base64//还是require

                    this.pw = Base64.encode(this.passWord)//还是那些操作

                    console.log(this.pw)

            }

    3.总结

        使用方法都一样,没什么本质上的区别,想用啥方法就用啥方法。
    ---------------------
    作者:棋鬼王
    来源:CSDN
    原文:https://blog.csdn.net/qq_32113629/article/details/79784897
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    getWidth() 和 getMeasuredWidth()的区别
    解决 win7 注册com组件失败问题
    Documentation/PCI/pci-iov-howto.txt
    Android Migrate Android Code
    struts2 18拦截器详解(九)
    使用Maven模板创建项目
    转换基于Maven的Web应用程序支持Eclipse IDE
    转换基于Maven的Java项目支持Eclipse IDE
    Eclipse构建Maven项目
    NetBeans IDE集成Maven
  • 原文地址:https://www.cnblogs.com/qdwz/p/10950072.html
Copyright © 2020-2023  润新知