nakama/REBUILD_FRONTEND.md

65 lines
2.8 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 🔄 Инструкция по пересборке 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
```