npm install axios crypto-js
npm install axios

import axios, { AxiosInstance, AxiosRequestConfig } from 'axios';
const axiosInstance: AxiosInstance = axios.create({
  baseURL: '<http://example.com/api>',
  timeout: 10000,
  withCredentials: true, // 允許攜帶cookie
});
axiosInstance.interceptors.request.use((config: AxiosRequestConfig) => {
  config.headers.common['Authorization'] = 'your-token';
  return config;
});
export default axiosInstance;

axiosInstance.interceptors.request.use((config: AxiosRequestConfig) => {
  config.headers.common['Authorization'] = 'your-token';
  config.headers.common['Cache-Control'] = 'no-cache';
  config.headers.common['Pragma'] = 'no-cache';
  config.headers.common['Expires'] = '0';
  config.params = {
    ...config.params,
    timestamp: new Date().getTime(),
  };
  return config;
});

import CryptoJS from 'crypto-js';
/**
 * 對(duì)數(shù)據(jù)進(jìn)行加密處理
 * @param data 需要加密的數(shù)據(jù)
 * @param key 加密密鑰
 * @returns 加密后的字符串
 */
export const encryptData = (data: any, key: string): string => {
  // 使用CryptoJS庫(kù)的AES加密方法對(duì)數(shù)據(jù)進(jìn)行加密處理
  const ciphertext = CryptoJS.AES.encrypt(
    JSON.stringify(data),
    CryptoJS.enc.Utf8.parse(key),
    {
      mode: CryptoJS.mode.ECB,
      padding: CryptoJS.pad.Pkcs7,
    }
  );
  // 將加密后的結(jié)果轉(zhuǎn)換為字符串，并返回
  return ciphertext.toString();
}

import CryptoJS from 'crypto-js';
/**
 * 解密數(shù)據(jù)
 * @param ciphertext 密文
 * @param key 解密密鑰
 * @returns 解密后的數(shù)據(jù)
 */
export const decryptData = <T>(ciphertext: string, key: string): T => {
  let decryptedData;
  try {
    // 使用CryptoJS庫(kù)的AES解密方法對(duì)數(shù)據(jù)進(jìn)行解密處理
    const decryptedBytes = CryptoJS.AES.decrypt(
      ciphertext,
      CryptoJS.enc.Utf8.parse(key),
      {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7,
      }
    );
    // 將解密后的結(jié)果轉(zhuǎn)換為字符串，并解析為JSON對(duì)象
    const decryptedString = decryptedBytes.toString(CryptoJS.enc.Utf8);
    decryptedData = JSON.parse(decryptedString);
  } catch (error) {
    // 如果解密失敗，拋出一個(gè)錯(cuò)誤
    throw new Error('Failed to decrypt data: ' + error.message);
  }
  // 返回解密后的數(shù)據(jù)
  return decryptedData as T;
}

import axios, { AxiosResponse, AxiosError } from 'axios';
import CryptoJS from 'crypto-js';
/**
 * 發(fā)起加密GET請(qǐng)求
 * @param url 請(qǐng)求地址
 * @param params 請(qǐng)求參數(shù)
 * @param key 加密密鑰
 * @returns 返回解密后的JSON對(duì)象
 */
export const requestGet = async <T>(url: string, params: any, key: string): Promise<T> => {
  const encryptedParams = encryptData(params, key);
  try {
    const res = await axios.get(url, {
      params: {
        data: encryptedParams,
      },
    });
    if (!res.data) {
      throw new Error('Response data is empty.');
    }
    return decryptData<T>(res.data, key);
  } catch (error) {
    throw new Error('Failed to send request: ' + error.message);
  }
};
/**
 * 發(fā)起加密POST請(qǐng)求
 * @param url 請(qǐng)求地址
 * @param data 請(qǐng)求參數(shù)
 * @param key 加密密鑰
 * @returns 返回解密后的JSON對(duì)象
 */
export const requestPost = async <T>(url: string, data: any, key: string): Promise<T> => {
  const encryptedData = encryptData(data, key);
  try {
    const res = await axios.post(url, {
      data: encryptedData,
    });
    if (!res.data) {
      throw new Error('Response data is empty.');
    }
    return decryptData<T>(res.data, key);
  } catch (error) {
    throw new Error('Failed to send request: ' + error.message);
  }
};

import { request } from './request';
const App = () => {
  const handleGetData = async () => {
    try {
     const res = await requestPost('<http://example.com/api/data>', {
        username: 'user',
        password: 'pass',
      }, 'my-secret-key');
      console.log(res.data);
    } catch (error) {
      console.error(error);
    }
  };
  return (
    <button onClick={handleGetData}>Get Data</button>
  );
}