API 网关 -> Lambda -> 使用 Cognito 的 DynamoDB。 HTTP POST-> 无法读取响应但返回代码 200

Question

场景： 我查询了一个 HTTP POST（使用 Authorizer 作为 Cognito 的 Header 参数）。 当我尝试获取/读取查询响应时，它会触发错误事件。但是，在浏览器中，我可以看到 2 个 HTTP POST 响应如何使用 200 个代码，其中一个返回有效响应。例如：如果我通过 POST 人发出请求，我会以一种很好的方式在 1 个响应中收到数据。

问题： 我无法打印结果，因为它使用无效的响应数据启动错误事件。

浏览器图片： https://i.postimg.cc/MTMsxZjw/Screenshot-1.png https://i.postimg.cc/3RstwMgv/Screenshot-2.png

Lambda 代码：

'use strict';

var AWS = require('aws-sdk'),
    documentClient = new AWS.DynamoDB.DocumentClient(); 

exports.handler = function index(event, context, callback){
    var params = {
        TableName : "data-table"
    };
    documentClient.scan(params, function(err, data){
        if(err){
            callback(err, null);
        }else{
            console.log(JSON.stringify(data.Items));
            callback(null, data.Items);
        }
    });
}

客户端 JS 代码：

function requestData(pickupLocation) {
    $.ajax({
        type: 'POST',
        url: _config.api.invokeUrl,
        headers: {
            Authorization: authToken,
        },
        data: "{}",
        cache: false,
        success: completeRequest,
        error: errorRequest
    });
}

function completeRequest(response) {
    alert("hello");
    alert(response.d);
}

function errorRequest(response) {
    alert("hello1");
    alert(response.status + ' ' + response.statusText);
}

Answer 1

根据基于 cmets 的进一步澄清，这看起来 API 网关禁用或启用了 CORS，但标头值返回不正确。

解决方案是通过 API 网关重新启用 CORS，并在高级选项中将 Access-Control-Allow-Origin 添加到标头响应中（如果默认情况下尚未启用）。

Answer 2

如果您要代理响应，则需要遵循特定格式described here

    'use strict';
console.log('Loading hello world function');
 
exports.handler = async (event) => {
    let name = "you";
    let city = 'World';
    let time = 'day';
    let day = '';
    let responseCode = 200;
    console.log("request: " + JSON.stringify(event));
    
    // This is a simple illustration of app-specific logic to return the response. 
    // Although only 'event.queryStringParameters' are used here, other request data, 
    // such as 'event.headers', 'event.pathParameters', 'event.body', 'event.stageVariables', 
    // and 'event.requestContext' can be used to determine what response to return. 
    //
    if (event.queryStringParameters && event.queryStringParameters.name) {
        console.log("Received name: " + event.queryStringParameters.name);
        name = event.queryStringParameters.name;
    }
    
    if (event.pathParameters && event.pathParameters.proxy) {
        console.log("Received proxy: " + event.pathParameters.proxy);
        city = event.pathParameters.proxy;
    }
    
    if (event.headers && event.headers['day']) {
        console.log("Received day: " + event.headers.day);
        day = event.headers.day;
    }
    
    if (event.body) {
        let body = JSON.parse(event.body)
        if (body.time) 
            time = body.time;
    }
 
    let greeting = `Good ${time}, ${name} of ${city}. `;
    if (day) greeting += `Happy ${day}!`;

    let responseBody = {
        message: greeting,
        input: event
    };
    
    // The output from a Lambda proxy integration must be 
    // of the following JSON object. The 'headers' property 
    // is for custom response headers in addition to standard 
    // ones. The 'body' property  must be a JSON string. For 
    // base64-encoded payload, you must also set the 'isBase64Encoded'
    // property to 'true'.
    let response = {
        statusCode: responseCode,
        headers: {
            "x-custom-header" : "my custom header value"
        },
        body: JSON.stringify(responseBody)
    };
    console.log("response: " + JSON.stringify(response))
    return response;
};

Answer 3

如果您使用的是 chrome，您可能需要 cors plugin 。