如何在Angular页面中接收GET请求?

时间:2018-07-10 08:30:18

标签: javascript angular http

我正在开发Angular应用,其中用户打开一个URL(https://localhost:4200/bookingDone)即可填写表格。

该用户单击“付款”按钮,并以此向服务器到支付门的方式触发POST请求

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

在服务器上创建令牌后。服务器使用postBackURL中提供的URL向我的角度应用触发GET调用。我该如何处理呼叫并将UI路由到oilChanger。我在控制台中收到此错误:

  

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

     

core.js:1350错误HttpErrorResponse {headers:HttpHeaders,status:0,statusText:“ Unknown Error”,url:null,ok:false,...}

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

但是,如果我直接通过浏览器打开该URL,它将被打开。 我的http电话:

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

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

1 个答案:

答案 0 :(得分:3)

  

如何在AngularJS页面中接收GET请求?

不能。

Angular是一个客户端JavaScript框架。

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


  1. 您需要运行一台HTTP服务器(仍然需要一台服务器才能将Angular应用交付给客户端)。
  2. 您需要使用postBackURL,您正在使用的服务可以用来访问该服务器。 localhost的意思是“这台计算机”,发出回发请求的服务对于您的Web浏览器是什么“这台计算机”会有不同的想法。
  3. 您需要在HTTP服务器上处理回发请求。如何执行将取决于您要对请求中的信息执行的操作。如果您需要将其恢复到Angular,那么您可能还想 在Angular应用程序和HTTP服务器之间建立WebSocket连接。