How can I see my HTML file on a mobile device using Live Server in VS Code?

I'm using a Windows 10 Pro on PC and Android on mobile, and I followed this process below:

Why can't I enter the url on my phone's browser to view my live site?

127.0.0.1 is a special-purpose IPv4 address reserved for loopback purposes. That is, this IP refers to >your computer itself.

By entering http://127.0.0.1:5500/index.html in your browser, you're requesting web page within your >computer.

In normal case, your computer will be in a NAT network (under same wi-fi AP for instance), and you'll be >assigned with a virtual IP. Normally it's 192.168.x.x.

You may enter the following command in your command prompt to see your IP address.

ipconfig

As a result, under your network interface card, you'll get your IP Address.

If the IP address belongs to virtual IP, then you may access it with your phone using

http://< Your IP Address >:5500/index.html

If it's not virtual IP, it is Public IP. Then, you'll have to configure appropriate Firewall settings >under this circumstance.

Hope this will help.

Then, I did this: Control Panel -> Windows Defender Firewall -> Allow an app or feature through Windows Defender Firewall -> Allowed "code.exe" app.

But on my mobile device, I still see an ERR_ADDRESS_UNREACHABLE error. Even though I followed the official instructions, it still does not work on my mobile device.

Is there another method?

I found it!!!!

Don't use public Wi-Fi, because it only works on private Wi-Fi.