Tengo un sitio web protegido con contraseña, xyz.com , pero no quiero que xyz.com/anything esté protegido con contraseña. Esto significa que solo la página principal debe estar protegida con contraseña. En realidad, tengo un acortador de URL en xyz.com , así que quiero mantener esa página protegida, pero otros deberían poder acceder a xyz.com/cualquier cosa sin contraseña.

 const USERNAME = 'demouser' const PASSWORD = 'demopassword' const REALM = 'Secure Area' addEventListener('fetch', (event) => { event.respondWith(handleRequest(event.request)) }) async function handleRequest(request) { const authorization = request.headers.get('authorization') if (!request.headers.has('authorization')) { return getUnauthorizedResponse( 'Provide User Name and Password to access this page.', ) } const credentials = parseCredentials(authorization) if (credentials[0] !== USERNAME || credentials[1] !== PASSWORD) { return getUnauthorizedResponse( 'The User Name and Password combination you have entered is invalid.', ) } return await fetch(request) } /** * Break down base64 encoded authorization string into plain-text username and password * @param {string} authorization * @returns {string[]} */ function parseCredentials(authorization) { const parts = authorization.split(' ') const plainAuth = atob(parts[1]) const credentials = plainAuth.split(':') return credentials } /** * Helper funtion to generate Response object * @param {string} message * @returns {Response} */ function getUnauthorizedResponse(message) { let response = new Response(message, { status: 401, }) response.headers.set('WWW-Authenticate', `Basic realm="${REALM}"`) return response }