首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何调用角10中的api

如何调用角10中的api
EN

Stack Overflow用户
提问于 2020-12-01 19:39:13
回答 1查看 602关注 0票数 0

我正在写一个角度网站,我试图发布一些有效负载到API,这是建立在AWS云中。

我编写的代码如下:

代码语言:javascript
运行
复制
  async doCognitoLogin(email, password) {
    const payloads = {
      poolData: {
        UserPoolId: 'us-east-2',
        ClientId: '324234234234sad',
        Paranoia: '7',
      },
      params: {
        username: 'myemail@yahoo.com',
        password: '213123',
      },
    };

    const url =
      'https://fakeurl234.execute-api.us-east-2.amazonaws.com/Prod/signin';
    let response = await fetch(url, {
        method: 'POST', // *GET, POST, PUT, DELETE, etc.
        mode: 'no-cors', // no-cors, *cors, same-origin
        cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
        credentials: 'same-origin', // include, *same-origin, omit
        headers: {
          'Content-Type': 'application/json',
          // 'Content-Type': 'application/x-www-form-urlencoded',
        },
        redirect: 'follow', // manual, *follow, error
        referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
        body: JSON.stringify(payloads), // body data type must match "Content-Type" header
      });

    if (response.ok) {
      // if HTTP-status is 200-299
      // get the response body (the method explained below)
      let json = await response.json();
    } else {
      alert('HTTP-Error: ' + response.status);
    }
)

我在云表中监视我的API输入和输出,我正在接收来自我的站点(Localhost)的请求,我也在记录来自我的API的响应,但是我的代码没有接收输出,我只是得到了异常

HTTP-错误:0

我使用这个网站(http://test-cors.org/)测试了我的配置cors,结果是正确的:

代码语言:javascript
运行
复制
Sending POST request to https://fakesite1234.execute-api.us-east-2.amazonaws.com/Prod/signin

Fired XHR event: loadstart
Fired XHR event: readystatechange
Fired XHR event: readystatechange
Fired XHR event: progress
Fired XHR event: readystatechange
Fired XHR event: load

XHR status: 200
XHR status text:
XHR exposed response headers:
content-length: 3877
content-type: application/json

我的API可以很好地处理POSTMAN,但是它不能很好地处理我的代码。你能帮我找出原因并帮我解决吗?

EN

回答 1

Stack Overflow用户

发布于 2020-12-01 19:54:36

提供HttpClient来提出请求,请参考https://angular.io/guide/http#making-a-post-request

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65097378

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档