【发布时间】: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