Dirección única que identifica recursos en la web.
Compuesta por el protocolo (ej. http), el dominio y la ruta del recurso.
// Anatomía de una URL // https://usuario:pass@www.ejemplo.com:8080/ruta/pagina?q=buscar&page=1#seccion // │ │ │ │ │ │ │ │ // │ │ │ │ │ │ │ └─ hash/fragment // │ │ │ │ │ │ └─ query string // │ │ │ │ │ └─ pathname // │ │ │ │ └─ port // │ │ │ └─ hostname // │ │ └─ password // │ └─ username // └─ protocol // Trabajar con URLs en JavaScript const url = new URL('https://ejemplo.com/buscar?q=react&page=2'); console.log(url.protocol); // 'https:' console.log(url.hostname); // 'ejemplo.com' console.log(url.pathname); // '/buscar' console.log(url.search); // '?q=react&page=2' // Modificar URL url.searchParams.set('page', '3'); url.searchParams.append('sort', 'date'); console.log(url.toString()); // 'https://ejemplo.com/buscar?q=react&page=3&sort=date' // Construir URL const nuevaUrl = new URL('/api/usuarios', 'https://api.ejemplo.com'); // 'https://api.ejemplo.com/api/usuarios'
