16: vue + crypto-js + python前后端加密解密

1.1 vue中使用crypto-js进行AES加密解密

　　   参考博客：https://www.cnblogs.com/qixidi/p/10137935.html

　　1、初始化vue项目

　　　　　　vue init webpack itany

　　　　　　cd itany

　　　　　　cnpm install

　　　　　　npm install crypto-js    # 安装rypto-js

　　2、使用

<template>
  <div id="app">
    <p @click="handleLogin">点击发送axiso请求</p>


  </div>
</template>

<script>
  import { mapActions } from 'vuex'
  import CryptoJS from "crypto-js";
  export default {
    name: 'App',
    methods: {
      handleLogin () {

        // 1、Encrypt 加密
        var cipherText = CryptoJS.AES.encrypt(
          "my message",
          "secretkey123"
        ).toString();
        console.log(cipherText)  // U2FsdGVkX1/Hjuv9Mt10c9Q/98PjhFSNXkmtz+sVaPU=

        // 2、Decrypt 解密
        var bytes = CryptoJS.AES.decrypt(cipherText, "secretkey123");
        var originalText = bytes.toString(CryptoJS.enc.Utf8);
        console.log(originalText, typeof originalText); // 'my message'

        // 3、解析json格式
        // var pjson =  JSON.parse(originalText)
      }
    },
  }
</script>

<style>

</style>

App.vue