On a mac, when I run npm run dev the site appears on localhost:4321 but not on 127.0.0.1:4321. Why? I have a line in my /etc/hosts file: 127.0.0.1 site1.com. This is so I can eventually browse to site1.com:4321 and see my Astro site. But I think for that to work I first need the site to appear on 127.0.0.1:4321. How do I do that?
#MacOS localhost vs 127.0.0.1
prime pumice
west roverBOT
Hi @prime pumice. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
Astro uses <http://localhost:4321> by default if port 4321 is available. However, there have been reported issues with Astro's development server where it behaves inconsistently between localhost and 127.0.0.1 source (https://github.com/withastro/astro/issues/2669). This inconsistency might be the reason why you're unable to access your Astro site via 127.0.0.1:4321.
This issue was identified as an upstream issue related to Vite, the build tool used by Astro. A fix was merged into Vite's main branch and should be available in the newer versions of Astro source (https://github.com/withastro/astro/issues/2669).
To resolve this issue, you can try updating Astro to the latest version using npm install astro@next. This version should have an updated CLI output with a new --host flag to match Vite's support more closely source (https://github.com/withastro/astro/issues/2669).