Чтобы установить и запустить React веб-приложение и API на одном VPS, следуйте этим шагам:
1. Установите Node.js на вашем VPS.
2. Создайте новую директорию для вашего проекта и перейдите в неё.
3. Установите Create React App, выполнив команду:
```bash
npx create-react-app my-app
```
4. Перейдите в директорию вашего React приложения:
```bash
cd my-app
```
5. Запустите React приложение, выполнив команду:
```bash
npm start
```
Это запустит ваше React приложение на порту 3000.
6. Создайте Express сервер для вашего API. Создайте новую директорию для сервера и установите Express:
```bash
mkdir my-api
cd my-api
npm init -y
npm install express
```
7. Создайте файл server.js и напишите код Express сервера:
```javascript
const express = require('express');
const app = express();
const port = 5000;
app.get('/api', (req, res) => {
res.send('Hello from the API!');
});
app.listen(port, () => {
console.log(`API server is running on port ${port}`);
});
```
8. Запустите Express сервер, выполнив команду:
```bash
node server.js
```
Это запустит ваш сервер на порту 5000.
Теперь для связи между вашим сайтом на React и сервером на Express, удостоверьтесь, что ваш React приложение делает запросы к правильному URL для вашего API.
В файле, где вы делаете запросы к API, убедитесь, что URL указан как `http://localhost:5000/api` или просто `/api`.
Если вы все еще получаете ошибку при запросах к API, убедитесь, что ваш сервер Express правильно настроен и запущен на порту 5000. Проверьте логи сервера для наличия ошибок и убедитесь, что ваш React приложение корректно обрабатывает ответы от API.
Надеюсь, это поможет вам настроить и запустить React веб-приложение и API на одном VPS.