如何在 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，然后返回數據以獲取請求。