为什么在 Chrome devtool 中模拟离线会导致无法访问 localhost？

Question

在 chrome 开发工具中使用“节流：离线”模拟离线状态在尝试访问在 localhost:4200 上运行的 Web 应用程序（Angular）时会导致“无互联网连接”错误。

手动关闭 wifi 和互联网连接时，我可以毫无问题地访问 localhost:4200（我的应用程序不需要互联网连接即可运行）。

“离线”模式似乎不允许访问本地主机。为什么会出现这种行为？如何在浏览器中模拟离线模式，而无需在系统级别手动打开和关闭互联网连接？

Answer 1

在 Linux 上，打开主机文件进行编辑：

在终端中运行命令：

sudo nano /etc/hosts

添加一个条目来模拟域：

127.0.0.1 www.mylocalhost.com

这将使 www.mylocalhost.com 指向您的本地主机。 保存并关闭文件：

按 Ctrl + O 保存，按 Ctrl + X 关闭编辑器。 使用模拟域访问系统：

打开浏览器并访问 http://www.mylocalhost.com:4200/

使用 Chrome Web Tools，在“网络”选项卡中，在“无限制”和“离线”之间切换来执行测试。