webpack 如何在angular module federation remoteEntry.js load call中添加自定义http header？

fhity93d 于 2023-04-12 发布在 Webpack

关注(0)|答案(1)|浏览(121)

我有一个主机应用程序和一些微前端应用程序都是angular 15。我使用"@angular-architects/module-federation": "^15.0.3"。一切正常，除了我无法拦截加载mfe应用程序的remoteEntry.js文件的http调用。
所有的mfe应用程序都部署在服务器上，服务器要完成请求，我必须将我的授权令牌添加到请求中。我尝试了几种方法，但无法拦截调用并将令牌添加到其中。

Angulat http拦截器不会拦截此调用。
1.模块联合未给予任何添加http请求的选项。
如有任何建议，我们将不胜感激。
下面是我的路由，在那里我加载的mfe

{
        path: 'config',
        loadChildren: () =>
          loadRemoteModule({
            remoteEntry: environment.configREmoteEntryURL,
            type: "module",
            exposedModule: './Module'
          })
            .then(m => m.AppModule)
},

webpack

来源：https://stackoverflow.com/questions/75912021/how-to-add-custom-http-header-to-angular-module-federation-remoteentry-js-load-c