Как интерфейс (React) взаимодействует с сервером (Express)?
Я создаю приложение с полным стеком, используя MongoDB, Express, React и Node. Я работал над проектами только с интерфейсным программированием, и я работал над проектами только с внутренним программированием. Я использовал ejs для создания представлений для Express, поэтому я не уверен, как он будет работать с интерфейсными представлениями, созданными с помощью React. Кроме того, я не уверен, как операции CRUD будут использоваться с React. У меня очень смутные идеи.
Я знаю, что в package.json они объединяются при запуске программы. Вот об этом. Даже в этом я не уверен. У меня вопрос: как Express взаимодействует с React?
Ответы, которые я ищу, связаны с определенными связями. Где и как они соединяются? Если React создает представления, то как Express связан с этими представлениями? Я импортирую файлы? Я пишу ExpressJS внутри компонентов React? Как он отображает данные в представлении из базы данных? Достаточно ли app.get ('/', ...)? Как Express узнает, какие файлы использовать при публикации этих данных?
React (клиент) может сделать запрос (получить, отправить и т. д.) В созданную вами конечную точку Express API. Вы можете дополнительно прикрепить данные, когда будете делать эти запросы. Когда Express получает запрос, вы можете видеть, из какой он конечной точки и какие данные передаются. Express ничего не знает о клиенте, это клиент вручную запрашивает различные URL-адреса конечных точек Express. Если у вас есть представление пользователя, вы делаете запрос на my-express-server.com/user и ждете ответа. Экспресс-сервер должен обработать запрос и доставить полезную нагрузку ответа.
используйте "proxy": "localhost: 3000 /" внутри вашего json файла.
Ответы 1
Простой способ подключить реакцию с помощью экспресс-добавления прокси в файле json.
{
"name": "create-react-app",
"version": "0.1.0",
"private": true,
"devDependencies": {
"husky": "^0.14.3",
"lint-staged": "^7.0.0",
"prettier": "^1.11.0",
"react-scripts": "^1.0.17"
},
"dependencies": {
"bootstrap": "^4.1.1",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-router-dom": "^4.2.2",
"sanitize.css": "^5.0.0",
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"precommit": "lint-staged"
},
"proxy": "http://localhost:3000/",
"lint-staged": {
"*.{js,json,css,md}": [
"prettier --write",
"git add"
]
}
}
короче говоря, бэкэнд выставляет набор api и фронтенд (будь то реагирующий, угловой или любой другой) потребляет его