我應該將前端服務器代碼放在使用 create-react-app 創建的應用程序中的什么位置？

Question

我用create-react-app創建了一個應用create-react-app ，我想在它的服務器控制台中記錄一些東西。 我怎么能這樣做？

我已經嘗試將index.js添加到根文件夾並創建server文件夾，但它不起作用。

編輯：我在這里指的不是后端服務器，而是前端服務器。 我想在我輸入npm start的同一個控制台中打印一些東西。 是否可以？

Answer 1

如果我正確理解做這樣的事情，你應該eject你的create-react-app否則你將無法修改構建腳本。

eject后，您可以修改 webpack 腳本或您需要的任何其他腳本。

如果您決定這樣做，請小心，因為更新構建依賴項會更加困難。

Answer 2

首先，您不能將backend代碼放在前端代碼中。 因為后端代碼由啟用了Node.JS服務器運行。 但是前端代碼由您的瀏覽器運行。

• 所有的 react 代碼都會打包成一個 js 文件，由瀏覽器加載。 它將是呈現視圖的簡單 JS 文件。
• 當您看到localhost:3000 ，服務器默認為您提供查看和加載您的前端代碼。 大多數時候它是 webpack-dev-server。

常見的選項有：

1) 如果后端是 REST/SOAP api，則使用 XHR/ajax 來訪問 api。 您只需要將 react 生成的 JS 文件放到后端服務器的公共文件夾中。 您也可以在這種方法中使用完全不同的存儲庫/代碼庫。

2）您可以使用服務器端渲染，將前端代碼放在后端視圖中。