javascript - 如何在 Angular 页面中接收 GET 请求？

Question

我正在开发 Angular 应用程序，用户打开 URL ( https://localhost:4200/bookingDone ) 填写表单。

用户点击“PAY”按钮后，系统会向服务器发送一个 POST 请求到支付网关

postBackURL: 'https://localhost:4200/oilChanger'

在服务器上创建 token 后。服务器使用 postBackURL 中提供的 url 向我的 Angular 应用程序发起 GET 回调。我如何处理是调用并将 UI 路由到 oilChanger。我在控制台中收到此错误:

GET https://localhost:4200/oilChanger?auth_token=1876038377738301950287234324&postBackURL=https%3A%2F%2Flocalhost%3A4200%2FoilChanger 0 ()

core.js:1350 ERROR HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …}

现在的问题是我为该回调 URL 配置的相应 Angular 页面未打开。我在 RouteProvider 中配置了/oilChanger 页面，但这似乎不起作用。

但是，如果我直接通过浏览器打开网址，它就会被打开。我的 http 调用:

this.http.post('https://abcd.com/Index.jsf', body.toString(), options).subscribe(response => {
      console.log(response)
    });

如何处理这种情况？任何帮助将不胜感激。

Answer 1

How to receive GET request in an AngularJS page?

你不能。

Angular 是一个客户端 JavaScript 框架。

HTTP 请求由服务器而非客户端接收。

<小时/>

1. 您需要运行 HTTP 服务器(无论如何，您都需要一个服务器来将 Angular 应用交付给客户端)。
2. 您需要使用您正在使用的服务可以用来访问该服务器的 postBackURL。 localhost 表示“这台计算机”，发出回发请求的服务对于“这台计算机”对于您的网络浏览器来说会有不同的理解。
3. 您需要在 HTTP 服务器上处理回发请求。您如何执行此操作取决于您想要如何处理请求中的信息。如果您需要将其返回到 Angular，那么您可能还需要在 Angular 应用和 HTTP 服务器之间设置 WebSocket 连接。