82 lines
2.3 KiB
Markdown
82 lines
2.3 KiB
Markdown
|
# Deployment Instructions - Frontend Update
|
||
|
|
|
||
|
|
## Problema Resuelto
|
||
|
|
|
||
|
|
El botón de "Login with Discord" estaba usando una ruta relativa `/auth/discord` que en producción se convertía en `https://docs.amayo.dev/auth/discord` (frontend) en lugar de `https://api.amayo.dev/auth/discord` (backend).
|
||
|
|
|
||
|
|
## Cambios Realizados
|
||
|
|
|
||
|
|
### 1. [LoginView.vue](file:///home/shnimlz/amayo/AmayoWeb/src/views/LoginView.vue#L31)
|
||
|
|
```vue
|
||
|
|
// ANTES:
|
||
|
|
<a href="/auth/discord" class="discord-btn">
|
||
|
|
|
||
|
|
// DESPUÉS:
|
||
|
|
<a :href="discordAuthUrl" class="discord-btn">
|
||
|
|
|
||
|
|
// Script agregado:
|
||
|
|
const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:3000'
|
||
|
|
const discordAuthUrl = `${apiUrl}/auth/discord`
|
||
|
|
```
|
||
|
|
|
||
|
|
### 2. [.env](file:///home/shnimlz/amayo/AmayoWeb/.env)
|
||
|
|
```bash
|
||
|
|
# ANTES:
|
||
|
|
VITE_API_URL=http://localhost:3000
|
||
|
|
|
||
|
|
# DESPUÉS:
|
||
|
|
VITE_API_URL=https://api.amayo.dev
|
||
|
|
```
|
||
|
|
|
||
|
|
## Pasos para Deployment en Servidor
|
||
|
|
|
||
|
|
```bash
|
||
|
|
# 1. Ir al directorio del frontend
|
||
|
|
cd /home/shnimlz/amayo/AmayoWeb
|
||
|
|
|
||
|
|
# 2. Asegurarse de que .env tiene la URL correcta
|
||
|
|
cat .env
|
||
|
|
# Debe mostrar: VITE_API_URL=https://api.amayo.dev
|
||
|
|
|
||
|
|
# 3. Instalar dependencias (si es necesario)
|
||
|
|
npm install
|
||
|
|
|
||
|
|
# 4. Hacer build de producción
|
||
|
|
npm run build
|
||
|
|
|
||
|
|
# 5. Copiar archivos built al directorio de Nginx
|
||
|
|
sudo cp -r dist/* /var/www/docs.amayo.dev/
|
||
|
|
|
||
|
|
# 6. Verificar permisos
|
||
|
|
sudo chown -R www-data:www-data /var/www/docs.amayo.dev
|
||
|
|
|
||
|
|
# 7. Reiniciar Nginx (opcional)
|
||
|
|
sudo systemctl reload nginx
|
||
|
|
```
|
||
|
|
|
||
|
|
## Verificación
|
||
|
|
|
||
|
|
1. Abre https://docs.amayo.dev en **modo incógnito**
|
||
|
|
2. Click en "Continue with Discord"
|
||
|
|
3. Deberías ser redirigido a: `https://api.amayo.dev/auth/discord`
|
||
|
|
4. Luego a Discord OAuth page
|
||
|
|
5. Luego de vuelta a: `https://api.amayo.dev/auth/callback`
|
||
|
|
6. Finalmente redirigido a: `https://docs.amayo.dev/dashboard`
|
||
|
|
7. Verifica que la sesión persiste al hacer refresh
|
||
|
|
|
||
|
|
## Troubleshooting
|
||
|
|
|
||
|
|
### Si sigue redirigiendo incorrectamente:
|
||
|
|
1. Verifica que el build usó la variable correcta:
|
||
|
|
```bash
|
||
|
|
grep -r "api.amayo.dev" /var/www/docs.amayo.dev/assets/*.js
|
||
|
|
```
|
||
|
|
|
||
|
|
2. Limpia cache del navegador completamente
|
||
|
|
|
||
|
|
3. Verifica que el archivo `.env` tiene la URL correcta ANTES de hacer `npm run build`
|
||
|
|
|
||
|
|
### Si aparece error de CORS:
|
||
|
|
- El backend ya tiene configurado CORS para `https://docs.amayo.dev` ✅
|
||
|
|
- Verifica en DevTools → Network que las requests tengan `Access-Control-Allow-Origin` header
|