反應對hostedVM上的localhost節點服務器的應用調用

Question

我正在使用Nginx提供一個內置的react文件。 我可以在虛擬機的IP地址上的瀏覽器中訪問react應用程序。

我在我的VM的端口8080上運行了另一台服務器，React應用程序的API。

在我的反應中，我使用axios呼叫，例如

const http = "http://localhost:8080";
..
axios.post(`${http}/api/auth/login`, { credentials }).then(res => res.data.user),

訪問虛擬機的IP地址后，在瀏覽器中，我可以在控制台中看到所謂的axios調用轉到http://myActualVMIpAddress/api/..而不是我期望的localhost路徑。

我已經使用api服務器的postman檢查了路由。

我沒有部署經驗。 如何使React App和api服務器之間的鏈接正常工作？

Answer 1

將localhost：8080硬編碼到客戶端JS中不是一個好主意，當用戶加載客戶端文件時，他們將嘗試在用戶計算機上發出請求，這是localhost解析的。

最簡單的是從api服務器提供客戶端文件。 如果要將它們分開，則必須使用API​​服務器（而不是localhost）的IP並設置CORS。