Can't access development site from external device

[matthewdixon]

This is a follow-up to this issue. Again, thanks so much for all your amazing work on this project so far! 😍

Describe the bug

I've not been able to access a development site with an external device connected to the same network. There's some conflicting info re: wordpressHost variable: the variable in vite.config.js includes a port number whereas step 2 in the install instructions doesn't. I've tried both as well as adding --host to the dev script: this exposes the server to my network but when I open the supplied URL, ie. my IP with the port number appended, either on the same device or an external one I get a page simply saying 'please open wordpressHost' which doesn't work on the external device as it has no way of knowing about it.

To Reproduce

1. Append --host to 'serve' script on package.json:12
2. Run Vite dev server
3. Use another device to access the 'Network' address (source IP address with port) provided

Expected behavior

I expect to see the development site on the external device.

Desktop

• OS: macOS 14.3.1
• Browser: Chrome 122

Smartphone

• Device: Google Pixel 8
• OS: Android 14
• Browser: Chrome 122

Additional context

Before I go down a proxy rabbit hole it'd be great to know if this is something the team have already got working and if so what mistake I might be making..