Vue项目中的前端加密详解

在项目中我们常用到的两种加密方式:

  1. sha 256加密
  2. RSA加密

在项目中的使用方法总结如下:

一、 sha256加密

  1. npm安装sha256库

Vue项目中的前端加密详解

  1.  安装完成

Vue项目中的前端加密详解

3.可以去项目配置文件中package.json中查看

Vue项目中的前端加密详解

4.在模块中使用,引入sha256库,对需要加密的字符进行加密传输

Vue项目中的前端加密详解

二、 RSA加密

  1. npm安装RSA库

Vue项目中的前端加密详解

2.安装完成

Vue项目中的前端加密详解

3. 可以去项目配置文件中package.json中查看

Vue项目中的前端加密详解

4. import jsencrypt到项目中来

Vue项目中的前端加密详解

5.使用公钥加密

(1)定义

Vue项目中的前端加密详解

(2)获取公钥

Vue项目中的前端加密详解

(3)实例化一个JSEncrypt对象

Vue项目中的前端加密详解

(4) RSA加密传输完成

Vue项目中的前端加密详解