如何在不同的端口運行反應端口和后端端口？

Question

我運行一個反應前端應用程序。 我還在后端提供 API。 當我執行“node server.js”時，它在端口 5000 上運行，然后當我啟動 npm 時，它嘗試在端口 5000 上運行，但由於它很忙，我選擇了一個不同的端口並轉到 5001。

但是，如果我使用 nodemon 並在一個命令中同時運行前端和后端，則不會出現反問我端口繁忙的情況。 我懷疑如果我這樣做后端不會運行，因為我無法通過 localhost/api/data 鏈接訪問它。

我怎樣才能在不同的端口運行它們？ 我在啟動腳本中使用 craco 因為我使用的是 tailwindcss，所以 cross-env 不起作用

Answer 1

我懷疑您正在使用create-react-app樣板。

在這種情況下，您可以在package.json文件中添加一個proxy字段，以告訴反應服務器將本地請求轉發到單獨的端點。

有關更多信息，請訪問： https : //create-react-app.dev/docs/proxying-api-requests-in-development/

如果您的后端在端口5000上運行，請將以下內容添加到您的package.json

"proxy": "http://localhost:5000"

完成后啟動反應服務器，它應該在與 cors 無關的自己進行轉發。

Answer 2

您在這里可以做的是提供代理和端口：

"proxy": "http://localhost:5000"
...
  "scripts": {
    "start": "PORT=2000 react-scripts start",
...

這樣服務器將從 2000 開始，所有 HTTP 調用都將代理到 5000。