如何在Web Pack配置中配置静默续订网址

问题描述

我已经开发了基于打字稿的SPA应用程序（html，css，js），并使用Oidc-Client库实现了身份验证。

当前方案：

1. 我能够成功登录并获得访问令牌。
2. 一旦超时，就不会再访问静默续订页面，该页面已配置为在令牌到期时应被调用。
3. 如果我正在浏览器的选项卡之一中访问（保持打开状态）静默续订页面，则它会自动调用令牌。

预期方案：

1. 在令牌到期时，应自动调用静默续订页面。
2. 我已经附上了Web pack配置和oidc配置的示例配置。

能否请任何人帮我在Web Pack配置文件中配置静默续订页面并将其放置在项目中。

Web pack配置：

const config = {
    devtool: "source-map",watch: true,entry: {      
      AuthSigninService:"./src/AuthSigninService/AuthSigninService.ts",silentrefresh: ["./src/silentrefresh/silentrefresh.ts"]      
    },resolve: {
      extensions: [".ts",".vue",".html",".js"],alias: {
        jquery: "../scripts/Jquery.js"        
        
    }
    },--------

 new HtmlWebpackPlugin({
        filename: "silentrefresh.html",template: "./src/silentrefresh/silentrefresh.html",chunks: ["polyfill","silentrefresh"]        
      }),

Oidc配置：

 var settings = {
  authority: "https://xxxx.xxxxx.com/xxxx/v1",client_id: "https://xxx.xxx.com/",redirect_uri: "https://localhost:3000/taskpane.html",post_logout_redirect_uri: "https://localhost:3000/logout.html",revokeAccessTokenOnSignout: true,response_type: "id_token token",scope: "openid read:xxxx read:xxxx",state: true,filterProtocolClaims: true,loadUserInfo: true,nonce:true,clearHashAfterLogin: true,automaticSilentRenew: true,silent_redirect_uri: 'https://localhost:3000/silent-refresh.html',monitorsession:true,metadata: {        
    issuer: 'https://xxx.xxx.com/xxx/v1',authorization_endpoint:  "https://xxx.xxx.com/xxxxx/v1/connect/authorize"                  
   
}    
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）