65 lines
2.8 KiB
Markdown
65 lines
2.8 KiB
Markdown
|
# 🔄 Инструкция по пересборке frontend после смены домена
|
|||
|
|
|
|||
|
|
## Проблема
|
|||
|
|
Vite встраивает переменные окружения (`VITE_API_URL`) в код во время сборки. Если frontend был собран со старым доменом, он будет продолжать использовать старый домен даже после изменения `.env`.
|
|||
|
|
|
|||
|
|
## ✅ Решение
|
|||
|
|
|
|||
|
|
### Вариант 1: Пересборка frontend (рекомендуется)
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
# Перейти в директорию frontend
|
|||
|
|
cd /var/www/nakama/frontend
|
|||
|
|
|
|||
|
|
# Установить переменную окружения для сборки
|
|||
|
|
export VITE_API_URL=https://nkm.guru/api
|
|||
|
|
|
|||
|
|
# Пересобрать frontend
|
|||
|
|
npm run build
|
|||
|
|
|
|||
|
|
# Если используете PM2 или другой процесс-менеджер, перезапустите nginx
|
|||
|
|
sudo systemctl reload nginx
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Вариант 2: Использование относительного пути (уже исправлено в коде)
|
|||
|
|
|
|||
|
|
Код уже обновлен так, чтобы в production всегда использовался относительный путь `/api`, который работает с любым доменом. Но если frontend был собран со старым `VITE_API_URL`, нужно пересобрать.
|
|||
|
|
|
|||
|
|
### Вариант 3: Docker
|
|||
|
|
|
|||
|
|
Если используете Docker:
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
cd /var/www/nakama
|
|||
|
|
|
|||
|
|
# Пересобрать frontend с новым доменом
|
|||
|
|
docker-compose build frontend --build-arg VITE_API_URL=https://nkm.guru/api
|
|||
|
|
|
|||
|
|
# Или установить в .env и пересобрать:
|
|||
|
|
# VITE_API_URL=https://nkm.guru/api
|
|||
|
|
docker-compose build frontend
|
|||
|
|
docker-compose up -d frontend
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 🔍 Проверка после пересборки
|
|||
|
|
|
|||
|
|
1. **Очистите кэш браузера** (Ctrl+Shift+Delete или Cmd+Shift+Delete)
|
|||
|
|
2. **Или используйте Hard Refresh** (Ctrl+F5 или Cmd+Shift+R)
|
|||
|
|
3. **Проверьте в консоли браузера** (F12 → Network):
|
|||
|
|
- Запросы должны идти на: `https://nkm.guru/api/...`
|
|||
|
|
- НЕ должно быть: `https://nakama.glpshchn.ru/api/...`
|
|||
|
|
|
|||
|
|
## 📝 Важно
|
|||
|
|
|
|||
|
|
После пересборки frontend будет использовать относительный путь `/api` в production, что означает:
|
|||
|
|
- ✅ Работает с любым доменом автоматически
|
|||
|
|
- ✅ Не нужно пересобирать при смене домена
|
|||
|
|
- ✅ Использует текущий домен браузера
|
|||
|
|
|
|||
|
|
## 🚀 Быстрая команда для пересборки
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
cd /var/www/nakama/frontend && npm run build && sudo systemctl reload nginx
|
|||
|
|
```
|
|||
|
|
|