initial

AmayoWeb/FRONTEND_DEPLOYMENT.md

@@ -0,0 +1,81 @@
+# 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