Localhost 5173 Not Working? Fix Vite & Vue 3 Connection Errors

Localhost 5173 Not Loading?

Vite has replaced 3000 with 5173 as the new standard. If you can't connect, check your dev server below.

Go to http://localhost:5173 →

Why 5173? The New Standard.

If you recently switched from Create React App to Vite, you might be confused why localhost:3000 isn't working. Vite uses port 5173 by default to avoid conflicts.

Common Fix

1. Expose to Network (CLI)

By default, Vite only listens on local requests. To access it from your phone or another PC on the same wifi, add --host.

npm run dev -- --host

2. Change Vite Port back to 3000

Prefer the old way? Edit your vite.config.js file:

export default defineConfig({
  server: {
    port: 3000,
  },
})

Localhost 5173 Not Loading?

1. Expose to Network (CLI)

2. Change Vite Port back to 3000

Developer Port Reference Guide