Content not from webpack is served

[Kerrialn]

Stack:

Package	version
Vue.js	2.6.14
Symfony	5.3
api platform	2.6
web pack encore	1.0.0

I have a full API and I run it locally like so symfony server:start and yarn dev-server however, it seems that by default both run on port 8000. which introduces conflicts when it comes to routing.

If possible, how can I change the port for the encore server?

I attempted to run yarn dev-server --port 8080 but it seems that it still ran on 8000.

[Kerrialn]

just as an update I managed to run the apps on two separate ports by running encore dev-server --port 8080

the output doesn't look right to me:

➜  app:(master) ✗ encore dev-server --port 8080
Running webpack-dev-server ...

<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/, http://127.0.0.1:8080/
<i> [webpack-dev-server] Content not from webpack is served from '/.../public' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'

However, when I check http://localhost:8080/ I get 404 not found error.
I'm assuming this is because the Vue app on port 8080 isn't configured correctly to serve the correct files. as stated in the dev-server output "Content not from webpack is served".

How can I resolve this?