【问题标题】:Accessing an Angular application from devices from same network从来自同一网络的设备访问 Angular 应用程序
【发布时间】:2022-11-30 10:27:17
【问题描述】:

好吧,我正在尝试从我的 Android 智能手机或另一台使用 Chrome 或 Edge 的电脑上测试在 Angular 12 中构建的 Web 应用程序,似乎 URL 在从我的设备到 Angular 应用程序的过程中被破坏了。我运行下面的命令来启动前端:

ng serve --host 192.168.1.65 --port 64000 --disable-host-check

到达地址 192.168.1.65:64000 后,Angular 页面已正确加载到浏览器上,但对后端的请求无效。我写的预定义消息说当返回未知错误代码时缺少某些东西弹出但我写的一切都是正确的,例如:

本地主机:8080/9.5/94850230/95010003/米格尔

这是填写所有表单字段并单击发送按钮后在前端创建的最终 url。单击发送按钮后,前端会收到未知错误代码(超出代码范围 400、500)作为答复。如您所见,四个变量存在于 url、重量 (kg)、始发地邮政编码(非美国格式)、目的地邮政编码、收件人姓名中。

我是否试图以错误的方式进行测试?

Angular 应用程序是否可以加载到远程计算机上的浏览器上,而不是服务器运行的位置,并且可以像浏览器在服务器所在的同一台物理计算机上一样工作?

从运行前端和后端的同一台机器访问一切正常。

有人可以解释这个问题吗?谢谢。

【问题讨论】:

  • 您是否配置了proxy-conf.json以便代理知道将请求转发到哪里?
  • 嗨 The Head Rush,不,我没有,我没有使用代理,谢谢!
  • 那是你的问题——你是,但你不知道。由ng serve 启动的代理服务器需要知道将请求转发到哪里。
  • 对本地主机的请求很好,本地主机。在另一台机器上运行的服务器不会收到对另一台机器上本地主机的请求,除非您配置网络类似于让您的应用程序服务于不同设备的方式
  • 我认为您的问题是跨源的,因为您使用主机和端口 192.168.1.65:64000 启动角度应用程序,并且您尝试访问此主机本地主机的后端:8080/9.5/94850230/95010003/Miguel,为了解决这个问题,您需要在后端设置标头“Access-Control-Allow-Origin”:true。如果您从同一主机访问则没有问题。

标签: angular


【解决方案1】:

好的,我发现了我的错误。 apiUrl 在前端代码中写成:

localhost:8080

但正确的格式是:

192.168.1.65:8080

以便同一网络中的其他设备也可以访问服务器/后端资源

【讨论】:

    【解决方案2】:

    在我 48 岁时停止阻止我,我可以观看我喜欢的色情视频,为什么 Chrome 和谷歌以及我的 URL 提供商不断 bloxki,但我无缘无故 LP 你在法律上被禁止偷我的钱

    【讨论】:

      猜你喜欢
      • 2020-08-14
      • 2023-01-24
      • 1970-01-01
      • 2015-04-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-04
      • 2018-03-20
      相关资源
      最近更新 更多