Application referring to wrong asset url when trying to fetch the routes from a remote application

[enzi077]

I am facing an issue while accessing running two of my vite applications. One application is hosted at http://localhost:8083 which has multiple pages and routes. And then there is another application hosted at http://localhost:8084, which uses the pages of localhost:8083 and just displays them as it is. Now the problem here is, the assets built under localhost:8083 (remote app) need to be accessible to localhost:8084 (host) as well. But in reality when I build the host application, the assets of the remote are not there. Due to which it throws an error, that the page wasn't found. Ref. below:

Img 1:

Img 2:

As you can observe, in the second image, the routes are present along with their component keys (generated using vite-plugin-pages). And these routes are then shared with the host from the remote. And when the host goes on to access them, it does so by prefixing localhost:8084 rather than 8083. (as visible in img 1).

The amazing thing is, the page does load but local SCSS (stylings) are not being applied, that is something we don't want. And of course I want to get rid of these errors.

I have tried various plugins and configurations. Nothin seems to work. Would be a great help if anyone can help me out here. Since, it's am organization managed project, hence can't reveal details more than this.

Also this is my first time posting a question in a forum. So pardon if I haven't followed any regualtions.

Thanks!