Как развернуть приложение React и серверную часть Nodejs в одном каталоге в поддомене?

Question

У меня есть приложение React, и я сделал бэкэнд с Node js также сервером от MongoDB. Это стек MERN. У меня есть структура каталогов, например:

-client  // this is where react app, in build version is in client/build
-middleware
-models
-routes
package.json
server.js
...

Я хочу развернуть ее следующим образом, в моей Filezilla:

-test.Server22c
      -backend // this is where all nodejs files
      -static    //these folder and other files are my build files in react app client/build
      -index.html
      ...

Как мне организовать их совместную работу в одной папке? Я изменил конечные точки в своих ссылках публикации Ax'а ios в своем реактивном редуксе, но это не сработало

Answer 1

Лучший вариант - использовать 2 разных порта , один для вашего приложения реагирования и один для вашего node.js сервера.

Допустим, мы будем использовать:

• HTTP-порт по умолчанию 80 для React App (http://example.com)
• Пользовательский порт 8080 для вашего Node.js сервера (http://example.com: 8080 )

React

Чтобы развернуть React, вы можете просто использовать serve и найти все, что вам нужно на https://create-react-app.dev/docs/deployment/.

В основном вам нужно будет выполнить эти команды в вашем каталоге реагирования.

npm install -g serve
serve -s build -l 80

Убедитесь, что не имеете любой сервер apache, работающий на вашей машине, в противном случае порт 80 уже будет занят.

Node.js

Вам просто нужно запустить сервер на порт 8080, я действительно не знаю, какой фреймворк вы используете, поэтому, скажем, если вы использовали express, он будет выглядеть примерно так в вашей точке входа index.js.

app.listen(8080, function() {
    console.log("Server is running on port 8080...");
});