I have an application with a python Flask backend and a Vite Vue3 frontend. I am trying to make the Vite frontend accessible over the network.

I have set server.host to 0.0.0.0 in vite.config.js

But the website is still inaccesible.

I even went into package.json and modified the dev script to vite --host 0.0.0.0.
When I run the application with npm run dev, I see my public IP address listed but I still cannot access the application on the network.

This is not an issue with the Flask server. I even changed the flask port to 5173 (the default Vite port that my Vue3 app was using) and with the following line of python code I can access the Flask application over the network without any issues.

app.run(debug=True, host="0.0.0.0", port=5173)