15-Resolver Nombre de Dominio para Laravel Sanctum

 


Introducción

Cuando trabajamos con aplicaciones que usan Laravel Sanctum para autenticación, es necesario que tanto el frontend como el backend corran en el mismo dominio. Esto se debe a que Sanctum utiliza cookies que requieren el mismo origen para evitar problemas de CORS.

El Problema

  • Nuestra aplicación de backend corre en una dirección IP específica (ej: http://192.168.1.100:8000)

  • Nuestro frontend corre en localhost

  • Laravel Sanctum requiere que ambos estén en el mismo dominio

Solución: Configurar Resolución de DNS Local

Para Usuarios de Windows:

Paso 1: Acceder al Archivo Hosts

  1. Abre el Explorador de Archivos y navega a:

    text
    C:\Windows\System32\drivers\etc

  2. En esta carpeta encontrarás el archivo hosts (sin extensión).

Paso 2: Copiar y Editar el Archivo

Como el archivo tiene permisos de administrador:

  1. Cópialo a otra ubicación (ej: el Escritorio)

  2. Ábrelo con Bloc de Notas (clic derecho → "Abrir con")

  3. Añade las siguientes líneas al final del archivo:

text
# Resolución para Laravel Sanctum
192.168.1.100    eivideo.local
127.0.0.1        app.eivideo.local

Explicación:

  • La primera línea traduce tu IP del backend a un dominio (eivideo.local)

  • La segunda línea asigna localhost a un subdominio del mismo dominio principal

Paso 3: Reemplazar el Archivo Original

  1. Copia el archivo modificado

  2. Vuelve a C:\Windows\System32\drivers\etc

  3. Pega y reemplaza el archivo original (necesitarás permisos de administrador)

Paso 4: Verificar

  1. Abre el archivo hosts nuevamente para confirmar los cambios

  2. Ahora puedes acceder a:

    • Backend: http://eivideo.local:8000

    • Frontend: http://app.eivideo.local:3000 (o el puerto que uses)

Configuración Adicional Importante

IP Estática (Recomendado)

Si usas una máquina virtual o equipo con DHCP:

  • Configura una IP estática en tu máquina

  • DHCP puede asignar IPs diferentes al reiniciar

  • Si la IP cambia, deberás modificar el archivo hosts nuevamente

Configuración en Laravel

En tu archivo .env de Laravel, asegúrate de configurar:

env
SESSION_DOMAIN=.eivideo.local
SANCTUM_STATEFUL_DOMAINS=app.eivideo.local

Para Usuarios de Mac/Linux

El proceso es similar pero con diferentes rutas:

Mac:

  • Archivo hosts: /private/etc/hosts

  • Edita con: sudo nano /private/etc/hosts

Linux:

  • Archivo hosts: /etc/hosts

  • Edita con: sudo nano /etc/hosts

Prueba de Funcionamiento

  1. Accede a http://eivideo.local:8000 (deberías ver tu aplicación Laravel)

  2. Accede a http://app.eivideo.local (deberías ver tu frontend)

  3. Verifica que las cookies se compartan correctamente entre ambos

Conclusión

Al configurar la resolución DNS local:

  • ✅ Frontend y backend comparten el mismo dominio raíz

  • ✅ Laravel Sanctum puede usar cookies sin problemas de CORS

  • ✅ Desarrollo local más eficiente y similar a entorno de producción

Nota: Estos cambios solo afectan tu máquina local. No interfieren con la configuración de DNS de internet.

¡Listo! Ahora tu configuración de Laravel Sanctum funcionará correctamente en desarrollo local.

Comentarios

Publicar un comentario

Entradas más populares de este blog

ejercicios-Crear Carpeta y Archivo de Texto en Ubuntu

https://copy.sh/v86/?profile=linux26 Ejercicios para Practicar en Terminales Online Ejercicio Básico 1 - Práctica Inicial bash # En la terminal online, escribe estos comandos: whoami pwd ls mkdir practica cd practica touch archivo1.txt ls -l Ejercicio Básico 2 - Crear y Copiar bash # Continuación del ejercicio anterior echo "Hola mundo desde terminal online" > archivo1.txt cat archivo1.txt mkdir copias cp archivo1.txt copias/ ls copias/ cat copias/archivo1.txt Ejercicio Básico 3 - Exploración bash # Explorar el sistema cd / ls cd home ls cd ~ pwd Te voy a guiar paso a paso en un ejercicio muy básico y fácil para principiantes. ¡Vamos a hacerlo juntos! Paso a Paso del Ejercicio Paso 1: Abrir la Terminal Presiona  Ctrl + Alt + T  para abrir la terminal en Ubuntu. Paso 2: Crear una Carpeta Principal bash mkdir mi_primer_ejercicio Paso 3: Entrar a la Carpeta bash cd mi_primer_ejercicio Paso 4: Crear un Archivo de Texto bash touch mi_archivo.txt Paso 5...
Leer más

Tutorial de Carpetas y Directorios en Ubuntu Linux

En Linux, todo es un archivo. A medida que te adentres en Linux, lo comprenderás, pero por ahora, tenlo en cuenta. Cada archivo está organizado en un árbol de directorios jerárquico. El primer directorio del sistema de archivos se denomina, acertadamente, directorio raíz. El directorio raíz contiene muchas carpetas y archivos, que pueden almacenar más carpetas y archivos, etc   Introducción a los Directorios en Linux En Linux (incluyendo Ubuntu), los directorios (carpetas) siguen una estructura jerárquica que comienza desde el directorio raíz ( / ). Este sistema organiza todos los archivos y programas del sistema. Estructura Básica del Sistema de Archivos text / ├── bin -> Comandos esenciales del sistema ├── etc -> Archivos de configuración ├── home -> Directorios de usuarios ├── var -> Archivos variables (logs, etc.) ├── tmp -> Archivos temporales ├── usr -> Programas y aplicaciones └── ... Comandos Básicos para Trabajar con Directorios 1. Navegación e...
Leer más

Instalar Docker en Ubuntu Server usando docker.io

  Tutorial: Instalar Docker en Ubuntu Server usando  docker.io Tutorial completo con  docker.io Paso 1: Actualizar el sistema bash sudo apt update sudo apt upgrade -y Paso 2: Instalar Docker desde los repositorios de Ubuntu bash sudo apt install docker.io Paso 3: Habilitar e iniciar el servicio Docker bash # Habilitar Docker para que inicie automáticamente sudo systemctl enable docker # Iniciar el servicio Docker sudo systemctl start docker # Verificar que el servicio está corriendo sudo systemctl status docker Paso 4: Configurar permisos de usuario Verificar si el grupo docker existe bash sudo grep docker /etc/group Agregar tu usuario al grupo docker bash sudo usermod -aG docker $USER Aplicar los cambios de grupo inmediatamente bash newgrp docker Paso 5: Verificar la instalación bash # Verificar versión de Docker docker --version # Probar Docker con un contenedor de prueba docker run hello-world Comprobación final Verificar que todo funcion...
Leer más