Use DevProxy with Vite
Vite apps work well with DevProxy when the host OS can reach the dev server through loopback. If your app runs in WSL, Docker, or another environment that loopback cannot reach cleanly, bind the server to 0.0.0.0.
Start the server
bash
pnpm dev --port 5173Or:
bash
npm run dev -- --port 5173Register with DevProxy
bash
devproxy add web.myapp --port 5173This creates:
text
https://web.myapp.local -> 127.0.0.1:5173, localhost:5173Allow the host
Add the .local domain to server.allowedHosts and use 0.0.0.0 when needed:
ts
export default {
base: "/",
server: {
port: 5173,
allowedHosts: ["web.myapp.local"],
// host: "0.0.0.0",
},
};Open the site
If the project has .devproxy/config.json:
bash
devproxy open