uniapp使用jsencrypt加密

  1. 到uni插件市场导入插件      网址:https://ext.dcloud.net.cn/plugin?id=1389
  2. 需要到js_sdk目录下面找到刚刚导入的jsencrypt文件夹,移动到components文件夹下面,效果如下图

      uniapp使用jsencrypt加密_第1张图片

3. 可在utils文件下创建rsa.js文件

     uniapp使用jsencrypt加密_第2张图片

  4.在rsa.js文件写入如下代码

import jsencrypt from '@/components/jsencrypt/jsencrypt.vue'
// import JSEncrypt from './jsencrypt.js';

// 加密公钥
let key =
  '-----BEGIN PUBLIC KEY-----' +
  'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAICnVHS7keeBQuyMoObYmnsAPKGaAgbJDWNRXB9b5ah3Wf41FaDFCgJvgrfzYopHKkQtrX1AKgLdWJw0SdYkML0CAwEAAQ' +
  '-----END PUBLIC KEY-----' 
// 加密
// 此加密公钥不能含有 '_' '-'字符串 参考:https://www.codenong.com/jsc71374f48fb3/

export function rsaEncrypt(msg) {
  var encryptMsg = jsencrypt.setEncrypt(key, msg)
  return encryptMsg
}
//超长字符加密 支持汉字加密
// var ArrayData=jsencrypt.setLongEncrypt(key,"超长字符加密支持汉字加密");

   5. 在登录页面使用

   首先 login.vue引用此文件 (也可在main.js 文件里面 把此方法挂载到的vue实例上面)

import { rsaEncrypt } from '@/common/utils/rsa.js'




//使用
 // // 加密后的密文
let encryptMsg = rsaEncrypt('需要加密的字符串')

你可能感兴趣的:(uniapp,登录加密,前端,vue.js,javascript,uni-app)