有没有办法直接从我的 React 前端调用 API Gateway
Is there a way to invoke API Gateway directly from my React frontend
我在 AWS 控制台的 API 网关中创建了我的 Lambda 函数及其路由。这些功能都在控制台上 Lambda 的“测试”选项卡中运行。我的 React 应用程序非常标准,将被推送到 AWS Amplify。
我找不到任何关于如何从我的前端正确调用 API 网关的已部署 link 的资源。在使用本地后端之前,我可以使用 Axios 轻松地从前端调用后端。我尝试在我的 API 网关的 URL 的 ReactJS 前端中使用 axios,但这也导致了几个错误,例如 (No Authentication Token) 和 (No Access-control-allow-origin header).我花了几个小时寻找并尝试不同的方法来解决这些问题,但每次我总是回到我开始的地方。
正在寻找方向,先谢谢了。
没有身份验证令牌 如果您没有传递所需的身份验证令牌,将会出现。
Access-control-allow-origin 如果您没有在 api 网关资源上启用 CORS 并且您还需要将 cors headers 传递给如果您正在使用 LAMBDA_PROXY 集成,则来自您的 lambda 的响应。有关详细信息,请参阅 this.
我在 AWS 控制台的 API 网关中创建了我的 Lambda 函数及其路由。这些功能都在控制台上 Lambda 的“测试”选项卡中运行。我的 React 应用程序非常标准,将被推送到 AWS Amplify。
我找不到任何关于如何从我的前端正确调用 API 网关的已部署 link 的资源。在使用本地后端之前,我可以使用 Axios 轻松地从前端调用后端。我尝试在我的 API 网关的 URL 的 ReactJS 前端中使用 axios,但这也导致了几个错误,例如 (No Authentication Token) 和 (No Access-control-allow-origin header).我花了几个小时寻找并尝试不同的方法来解决这些问题,但每次我总是回到我开始的地方。
正在寻找方向,先谢谢了。
没有身份验证令牌 如果您没有传递所需的身份验证令牌,将会出现。
Access-control-allow-origin 如果您没有在 api 网关资源上启用 CORS 并且您还需要将 cors headers 传递给如果您正在使用 LAMBDA_PROXY 集成,则来自您的 lambda 的响应。有关详细信息,请参阅 this.