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

Question

我正在学习 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，但看不到其内容。 我想我需要能够看到它的内容才能获取数据？

Answer 1

我会给你最简单的区别

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

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

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

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