如何在 React 应用程序中使用 fetch 从 AWS RDS 中获取数据？答案

【问题标题】：How to use fetch to fetch data from AWS RDS in a react application?如何在 React 应用程序中使用 fetch 从 AWS RDS 中获取数据？
【发布时间】：2020-07-17 21:26:49
【问题描述】：

我正在学习 Node + React。在我的 Node + React 应用程序中，我有以下组件 FetchData.js 从 localhost 获取数据：

import React from 'react';

class FetchData extends React.Component {

    static async getData() {
        let response = await fetch('http://localhost:4000/my-project');
        let body = await response.json();
        return body
    }
}

export default FetchData;

我可以通过在浏览器中输入 localhost:4000 来查看 json 对象。

现在我将数据托管在 AWS RDS 中。我有一个这样的端点：

my-project.abc12345def.eu-west-2.rds.amazonaws.com:3306

如何像在FetchData.js 中那样从端点获取数据？我试图用端点 url 替换 localhost，没有运气；试图在浏览器中输入端点 url，但看不到它的内容。我想我需要能够看到它的内容才能获取数据？

【问题讨论】：

标签： node.js reactjs amazon-web-services

【解决方案1】：

我给你最简单的区别

Fetch 是一种访问 HTTP 资源的方法，例如 http://localhost:4000/my-project。

您的 RDS 端点（很可能是 MYSQL）没有运行 HTTP 服务器。

所以这些端点（链接）是不同的，它们的目的也不一样。

编辑：您可以使用运行在http://localhost:4000 上的服务器上的 MYSQL 客户端连接到 RDS，然后返回数据以获取请求。

【讨论】：

知道如何从端点获取 url 以便我可以将其放入 fetch 函数中吗？
谢谢，我已经把RDS和MySQLWorkbench连接起来了，但是不知道怎么做。