vite-plugin-federation icon indicating copy to clipboard operation
vite-plugin-federation copied to clipboard

Module Federation + base url

Open terragady opened this issue 11 months ago • 6 comments

Hi, starting from Vite5 the module federation plugin was not working properly with the Vite.

We are using baseUrl, lets say /base/url and we have this setting in vite config: base: "/base/url" which is fine but the whole app does not work in dev mode (local server) and we figured out it needed setting server: { origin: "/base/url } and then it starts and module federation works properly but the problem starts with images now, they are not found because double base url is applied like http://localhost:8080/base/url/base/url/assets/images/image.png so we have removed the origin and tried other fix and we had to use proxy for node_modules like this: '/node_modules': 'http://localhost:8080/base/url/',

I think this is because module federation is using the origin to build the path but the origin destroy somehow pathing for assets (I found it is only the images, the js and the rest works just fine).

but my gut feeling says it is a wrong solution and hardcoding port and url here but it works fine with dev, build, federation and images. Anyone knows what is best solution here and what we are doing wrong/ or good? 🙂

terragady avatar Mar 05 '24 07:03 terragady