axios请求参数加密

在React中使用Axios发送请求时，如果需要对请求参数进行加密，可以在发送请求前对参数进行加密。以下是一个使用Axios和CryptoJS库对参数进行 AES 加密的例子。
首先，安装 CryptoJS：

npm install crypto-js

然后，在你的 React 组件中使用 CryptoJS 加密参数：

import axios from 'axios';
import CryptoJS from 'crypto-js';
 
class MyComponent extends React.Component {
  encryptParam = (param) => {
    const secretKey = "your-secret-key"; // 应该是一个复杂的密钥
    return CryptoJS.AES.encrypt(param, secretKey).toString();
  };
 
  sendEncryptedRequest = () => {
    const encryptedParam = this.encryptParam("your-data-to-encrypt");
    const url = `/api/data?param=${encryptedParam}`;
 
    axios.get(url)
      .then(response => {
        // 处理响应
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  };
 
  render() {
    return (
      <button onClick={this.sendEncryptedRequest}>Send Encrypted Request</button>
    );
  }
}

请注意，前端加密不是一个安全的做法，因为密钥容易被获取。你应该在后端进行加密，并确保安全性。