如何在react中使用typescript在NSwag生成的服务中注入JWT

npm install nswag --save-dev

npx nswag init

"codeGenerators": {
  "swaggerToTypeScriptClient": {
    "className": "{controller}Client",
    "template": "Fetch",
    "output": "path/to/output/file.ts"
  }
}

npx nswag run

import { MyControllerClient } from './services/file';

import axios from 'axios';

const injectJwt = async () => {
  const token = 'your_jwt_token'; // 替换为你的JWT token
  const client = new MyControllerClient();

  // 在请求头中添加JWT
  axios.interceptors.request.use((config) => {
    config.headers.Authorization = `Bearer ${token}`;
    return config;
  });

  // 使用生成的客户端代码发送请求
  const response = await client.someApiMethod();
  console.log(response);
};

import React, { useEffect } from 'react';

const MyComponent: React.FC = () => {
  useEffect(() => {
    injectJwt();
  }, []);

  return <div>My Component</div>;
};