How to setup vue development for java backend?

Question

Play Framework

There is such a stack: Frontend
vue
Backend playframework
Please do not judge the choice of the stack - a historical fact.
On the backend (localhost:9000) there is an entry point "/" html page is given with the attached script localhost:8080/app.js (vue dev server with hot reload, etc.).
In development mode, by itself, a hot reload does not work fully (you have to refresh the page). I didn't find a direct answer from the documentation.
I understand what I'm doing wrong.
Point to the true path (manual or at least the direction where to dig).
Until I used vuetify, somehow I managed to live with F5. But now I have connected the material design icons. And they are loaded dynamically and try to be loaded along a relative path (localhost:9000/fonts/...), but they lie on localhost:8080/fonts/... .
I suppose that somehow you need to configure webpack or develop the front completely separately with api server emulation on node.
I would be especially grateful for the link to the git turnip where you can peep at the right guys.

Answer 1

By default, webpack ships the application and all static from localhost:3000
In the webpack settings, you need to specify a different base path for the application.
Example https://github.com/pvolyntsev/toster-608800/blob/5...