Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-microfrontend [2025/01/31 14:36] 192.168.175.60 [Forma de exponer Microfrontends] |
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-microfrontend [2025/03/06 16:40] (actual) 192.168.175.219 |
||
---|---|---|---|
Línea 13: | Línea 13: | ||
<code> | <code> | ||
npm i @angular-architects/module-federation@18.0.6 | npm i @angular-architects/module-federation@18.0.6 | ||
+ | </code> | ||
+ | |||
+ | <code> | ||
ng g @angular-architects/module-federation:init --project remote --port 4201 --type remote | ng g @angular-architects/module-federation:init --project remote --port 4201 --type remote | ||
</code> | </code> | ||
Línea 53: | Línea 56: | ||
shared: { | shared: { | ||
- | ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }), | + | ...shareAll({ singleton: true, strictVersion: false, requiredVersion: 'auto' }), |
}, | }, | ||
Línea 102: | Línea 105: | ||
</code> | </code> | ||
- | **se debe cargar el headerInterceptor en el app.config.ts del HOST** | + | **Se debe cargar el headerInterceptor en el app.config.ts del HOST** |
<code> | <code> | ||
- | const loadInterceptor = async () => { | + | const loadInterceptor = async () => { |
const headersInterceptor = await loadRemoteModule({ | const headersInterceptor = await loadRemoteModule({ | ||
type: 'module', | type: 'module', | ||
Línea 127: | Línea 130: | ||
</code> | </code> | ||
+ | **inyectar la funcion arriba ilustrada "delegatingInterceptor()" de tipo HttpInterceptorFn asi:** | ||
+ | |||
+ | <code> | ||
+ | |||
+ | provideHttpClient( | ||
+ | withInterceptors([delegatingInterceptor]) | ||
+ | ) | ||
+ | | ||
+ | </code> | ||
+ | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | ||