Use base path for assets during development

Is your feature request related to a problem? Please describe. When using vite with a traditional backend, it is hard to get the assets right during development. So for example my php site is running under my-app.test and vite is running under localhost:3000. To access my vite assets folder (localhost:3000/assets) I have to create a symlink in my php development server.

Describe the solution you’d like It would be great If I could specify a base: 'http://localhost:3000/' during development. So vite will load all my assets from vite’s dev server.

Describe alternatives you’ve considered Another way would be to add an option to explicitly load all assets from vite’s dev server instead of using relative paths.

server: { useFullPath: true }

[pjoulot]

The plugin of @olemarius is life savier! Thank you so much, works like a charm.

Not my case yet, but if you have 2 different react apps built with vite and embed in the same website, then I guess you have 2 assets folders to make available through your server configuration and if you have 2 files with the same name then you have a conflict. I don’t think the server configuration is a valid solution.

[arnoson]

@olemarius that looks great, thanks for sharing!