创建proxy.conf.json并粘贴此配置

{  
"/api/*":
    {    
        "target": "http://localhost:7070/your api project name/",
        "secure": false,
        "pathRewrite": {"^/api" : ""}
    }
}

替换:

let url = 'api/'+ your path;

在CLI下运行:

ng serve  --host port.number —-proxy-config proxy.conf.json

您可以使用以下命令访问您的ip。

ng serve --host 0.0.0.0 --disable-host-check

如果你正在使用npm，并且想要避免每次都运行这个命令，我们可以在包中添加下面的行。Json文件在脚本部分。

"scripts": {
    ...
    "start": "ng serve --host 0.0.0.0 --disable-host-check"
    ...
}

然后，您可以使用以下命令运行您的应用程序，以便从同一网络中的其他系统访问。

npm start

对我来说，它使用“ng serve -open -host 0.0.0.0”，但有一个警告

警告:这是一个简单的服务器，用于测试或调试Angular应用程序 本地。它还没有被审查安全问题。

将此服务器绑定到打开的连接可能会损害您的应用程序或 电脑。使用不同于传递给"——host"标志的主机可能会导致 Websocket连接问题。你可能需要使用"——disableHostCheck"如果那是 的情况。

你也可以使用ngrok自省所有在隧道上运行的HTTP流量 ，然后你可以使用ngrok HTTP——host-header=rewrite 4200来公开

运行命令

ng serve --host=0.0.0.0 --disable-host-check

这将禁用主机检查，并允许从外部(而不是localhost)访问IP地址

Mac用户:

进入“系统首选项->网络-> Wi-Fi” 复制状态下面的IP地址(通常是192.168.1.x) 把它粘贴到你的ng serve中，比如:ng serve——host 192.168.1.x

然后，您必须能够通过192.168.1.x:4200在其他设备上看到您的页面。