Question

我在aws上部署了一个nodejs lambda函数，它通过API网关公开了一个lambda端点。端点为here，允许您访问graphiql端点。

我一直试图从我的反应代码中调用它，但我收到以下错误响应

{"message":"Missing Authentication Token"}

以下控制台警告

Failed to load https://z8zch5bp3m.execute-api.us-east-1.amazonaws.com/test: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 403. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

我在API网关中启用了cors但仍然出现此错误。

我的简单反应代码如下

import React, { Component } from 'react';
import { gql } from 'apollo-boost';
import { Query } from 'react-apollo';

const ADD_NUMBERS = gql`
  query {
      addNumbers(number1:1, number2:55) {
        add
      }    
  }
`


const App = () => (
  <Query query={ADD_NUMBERS}>
    {({ loading, error, data }) => {
      if (loading) return <div>Loading...</div>;
      if (error) return <div>Error :(</div>;

      return (
        <div>Data: {data}</div>
      )
    }}
  </Query>
)

export default App;

我的lambda函数的nodejs代码位于here

如果我需要做任何事情来让这个lambda呼叫正常工作，请告诉我。

Answer 1

查看你的代码并没有告诉我多少。我建议你看一下这些主题：

当您使用错误的方法进行HTTP调用时，也会返回缺少身份验证令牌（假设您要POST，但是您要PUT）;
查看Lambda Proxy Integration。使用Lambda代理集成时，您可以在响应中指定标头。在那里，您可以确保允许跨源资源共享。

希望这有帮助。

Answer 2

通过从一开始就启用cors重新创建我的api网关端点并使其按预期工作

ReactJS - NodeJS - 在AWS Lambda

2 个答案: