本地主机：4200 在电话上答案

【问题标题】：Localhost:4200 on phone本地主机：4200 在电话上
【发布时间】：2020-08-26 20:38:36
【问题描述】：

我一直在尝试在我的安卓手机上打开 localhost:4200。

我的项目在 Angular 4 中，我使用 GIT Bash。

我尝试了这些命令：

npm start --host 0.0.0.0
npm start --host 192.168.1.7
npm start --host 0.0.0.0 --disable-host-check
npm start --host 192.168.1.7 --disable-host-check

项目启动，这部分运行顺利，不管是哪个命令。

但是当我尝试打开我的项目时

192.168.1.7:4200

或

localhost:4200

上面写着：无法访问此网站

我关闭了我的防火墙，我在命令提示符下使用 ipconfig 检查了我的 IP 地址，在 IPv4 地址下是那个地址。我的手机和笔记本电脑连接到同一个 WiFi 网络，但我注意到我的笔记本电脑说 IP 地址是 192.168.1.7，而我的手机说 IP 地址是 192.168.1.4，无论哪种方式，我都试过了，即使在 bash 中的命令中也是如此.

我做错了什么？

【问题讨论】：

标签： angular git localhost git-bash

【解决方案1】：

确保所有设备都在同一个网络上

第一次使用ng serve --host 0.0.0.0
从 ipconfig 获取你的 ip
在控制面板中转到Control Panel\System and Security\Windows Defender Firewall
点击左侧面板上出现的Turn Windows defender firewall on or off
选择关闭所有 3 个设置并点击底部的确定
不是您的应用程序应该在其他设备上可用。使用ip:4200 或在你的情况下使用192.168.1.7:4200

我也遇到了同样的问题，但我的解决方案是上面提到的第 4 点。所以请试试这个

【讨论】：

感谢您的回答！所有设备都连接到同一个网络。当我使用 ng serve 时出现错误，因为我的项目从 npm start 开始，错误是 \AppData\Roaming\npm/node_modules/node/bin/node: line 1: This: command not found
然后在package.json中添加一个脚本->你会发现"start": "ng serve"替换成"start": "ng serve --host 0.0.0.0"
这成功了！非常感谢！我也遇到了 Invalid Host Header 错误，但我通过添加 --disable-host-check 来修复它。再次感谢！