Reactjs 我想在swagger ui react应用程序自动授权中设置preauthorizeApiKey

Reactjs 我想在swagger ui react应用程序自动授权中设置preauthorizeApiKey,reactjs,authorization,swagger-ui,Reactjs,Authorization,Swagger Ui,我在下面的代码中设置了preauthorizeApiKey,它运行良好,对API的调用也正常。API需要标题“授权:承载XXXXXXXXXX”。我将密钥存储在react store中,并使用getToken()读取 从“React”导入React; 从“swagger ui react”导入swagger ui; 从“../../swagger.json”导入swaggerSpec; 从“../../api/utils”导入{getToken} export const complete=函数(

我在下面的代码中设置了preauthorizeApiKey,它运行良好,对API的调用也正常。API需要标题“授权:承载XXXXXXXXXX”。我将密钥存储在react store中,并使用getToken()读取

从“React”导入React;
从“swagger ui react”导入swagger ui;
从“../../swagger.json”导入swaggerSpec;
从“../../api/utils”导入{getToken}
export const complete=函数(招摇过市)
{
让token=getToken();
swaggerUi.preauthorizeApiKey('bearerAuth',token.token);
}
常量ApiDocs=()=>{
返回完成(虚张声势)}/>
};
导出默认ApiDocs;
以下是我的路线配置:

<Route path="/api-docs" component={ApiDocs} />

我不需要点击swagger UI屏幕上的授权按钮,它是自动授权的。我只是想和大家分享一些意见/建议/改进

<Route path="/api-docs" component={ApiDocs} />