从其他机器访问localhost-Angular

时间:2018-09-29 15:46:42

标签: angular localhost connect

背景

在开发项目时,大多数开发人员经常使用两到三个台式机和笔记本电脑。和我一样,现在我正在从事Angular项目。

目标

我想从正在使用的另一台计算机上访问localhost:4200,这样我就可以检查UI更新,而无需在一台计算机上切换窗口。

我进行了一些研究,并尝试使用以下angular-cli命令。

ng serve --host=MyLocalIP
ng serve --host 0.0.0.0

但是到目前为止还没有运气。有没有更好的方法来实现这一目标?

2 个答案:

答案 0 :(得分:5)

使用ng serve --host 0.0.0.0命令解决了我的问题。 输入192.168.x.x:4200可以从另一台计算机访问该应用。

答案 1 :(得分:1)

有两个选择

public function update(Request $request, Task $task, SerializerInterface $serializer): Response
{
    $task = new Task();
    $task->setName('test');
    $task->setCompletedAt(Carbon::now()->toDateTime());

    $json = $serializer->serialize($task, 'json');

    $serializer = new Serializer([new ObjectNormalizer(), new DateTimeNormalizer()], [new JsonEncoder()]); // array of needed normalizer
    var_dump($serializer->deserialize($json, Task::class, 'json'));
}

要检查是否不起作用,请首先尝试从您运行 ng服务的同一台计算机上进行攻击,以了解是否可以通过防火墙访问

ng serve --host 0.0.0.0

192.168.X.X是我的电脑的IP地址(您可以使用ipconfig(windows),ifconfig(linux)查看您的ip) 之后,您可以访问192.1668.X.X:4200而不是localhost:4200

没有关系:-即使更改某些代码并且服务器刷新以显示更新的代码,它也会在其他计算机上刷新

如果您无法访问192.168.X.X:4200。您可能在防火墙保护受阻的网络中。因此,请连接到您的个人网络并检查