跳转物联平台 、使用vue axios解决跨域 、AES+RSA登录加密

JumpToIOT.js 跳转过程+加密封装

import { Message } from 'element-ui';
import AES from "@/utils/AES.js"
import RSA from "@/utils/RSA.js"
import axios from 'axios'
import server from '@/server'
import { getIOTToken, getBusinessProjects } from '@/api/login' //在js中不能使用$.api
import store from '@/store'

export function JumpToIOT(obj) {
  // 加密
  axios.get(`${server.ucenter}decrypt/publicKey`).then(async response => {
    // 获取RSA公钥
    let rsaPublicKey = response.data.publicKey;
    //登录参数
    let data = {
      // username: '12345678901',
      // password: '123456'
      username: obj.username,
      password: obj.password
    }
    // console.log("===== 开始加密源数据 =====");
    // 设置AES秘钥
    let aesKey = AES.randomKey();
    //对参数加密
    let encryptDataStr = AES.encrypt(data.password, aesKey);//加密后的密码（传参方式传递）
    data.password = encryptDataStr

    // 使用RSA公钥加密AES秘钥
    let encryptAesKey = RSA.RSAencrypt(aesKey, rsaPublicKey);//加密AES秘钥（通过header传递）
    data.encryptAesKey = encryptAesKey
    // data = JSON.stringify(data)

    //登录+跳转
    getIOTToken(data).then((res) => {
      if(!res.result.access_token) {
        Message.warning("获取token失败，请重新获取！")
        return
      }
      let url = 'http://iot.xatasoft.com/#/?token=' + res.result.access_token
      // if (process.env.NODE_ENV === 'production') {
      //   url = 'http://g528liang.xatasoft.com/#/dashboard?token=' + res.result.access_token
      // } else {
      //   url = 'http://dev_liang.t/#/dashboard?token=' + res.result.access_token
      // }
      window.open(url)
    }).catch((err) => {

    })
  });
}

调用

if(index === 1) {
 // 跳物联
  let val = {username: '12345678901', password: '123456'}
  JumpToIOT(val)
  return
}

AES.js加密封装
使用：let aesKey = AES.randomKey();

import CryptoJs from 'crypto-js'

const key = CryptoJs.enc.Utf8.parse("1234123412ABCDEF");  //十六位十六进制数作为密钥
// const iv = CryptoJs.enc.Utf8.parse('bd7f3a2e53325448');   //十六位十六进制数作为密钥偏移量
const iv = CryptoJs.enc.Utf8.parse('0123456789ABCDEF');   //十六位十六进制数作为密钥偏移量
 
export default {
  /**
   * 加密
   */
  encrypt(word, key) {
    key = CryptoJs.enc.Utf8.parse(key);  //十六位十六进制数作为密钥
    let srcs = CryptoJs.enc.Utf8.parse(word);
    let encrypted = CryptoJs.AES.encrypt(srcs, key, {
      iv:iv,
      mode: CryptoJs.mode.CBC,
      padding: CryptoJs.pad.Pkcs7
    });
    return encrypted.toString();
  },
 
  /**
   * 解密
   */
  decrypt(word) {
    let encryptedHexStr = CryptoJs.enc.Hex.parse(word);
    let srcs = CryptoJs.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJs.AES.decrypt(srcs, key, {
      iv:iv,
      mode: CryptoJs.mode.CBC,
      padding: CryptoJs.pad.Pkcs7
    });
    return decrypt.toString(CryptoJs.enc.Utf8);
  },

  randomKey(){
    let charStr = "012345679abcdefABCDEF";
    let randomKey = "";
    for (var i = 0; i < 16; i++) {
      randomKey += charStr[parseInt(Math.random() * charStr.length)];
    }
    return randomKey;
  }
}

RSA.js加密封装
使用：let encryptAesKey = RSA.RSAencrypt(aesKey, rsaPublicKey);

import JsEncrypt from 'jsencrypt'

export default {
  /**
   * 加密
   */
  RSAencrypt(pas, publicKey){
    //实例化jsEncrypt对象
    let jse = new JsEncrypt();
    //设置公钥
    jse.setPublicKey(publicKey);
    let pasdata = jse.encrypt(pas);
    return pasdata
  },

  RSAdecrypt(pas, privateKey){
    let jse = new JsEncrypt();
    // 私钥
    jse.setPrivateKey(privateKey);
    return jse.decrypt(pas);
  }
}