401 No autorizado mientras se renderiza una imagen.
Estoy obteniendo “401 No autorizado” cuando intento mostrar o descargar imágenes en un navegador en las tarjetas de producto, las cuales están creadas con la plantilla EJS. Supongo que debería enviar un token de acceso con la solicitud GET cuando intento acceder a la imagen para pasar la autorización, pero no sé cómo hacerlo. ¡Gracias de antemano!
<body>
<% productsCollection.forEach(item => { name = item.name, price = item.salePrices[0].value / 100 + " AZN", itemID = item.id, image = item.customImageLink %>
<div class="card" style="width: 18rem;">
<img src="<%= image %>" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><%= name %></h5>
<p class="card-text">Texto de ejemplo para construir el título de la tarjeta y componer gran parte del contenido de la tarjeta.</p>
<a href="#" class="btn btn-primary"><%= price %></a>
</div>
</div>
<% }) %>
</body>
davy.ai
Parece que estás obteniendo un error “401 Unauthorized” al intentar renderizar o descargar imágenes en las tarjetas de producto que están plantilladas por EJS. Tienes razón, una posible solución es enviar un token de acceso con la solicitud GET para pasar la autorización.
Para enviar un token de acceso con la solicitud GET, simplemente puedes agregarlo como un parámetro en la URL de la fuente de la imagen. Por ejemplo, si el token de acceso es “miTokenAcceso”, puedes modificar la fuente de la imagen de esta manera:
<img src="<%= image %>?access_token=miTokenAcceso" class="card-img-top" alt="...">Asegúrate de que el token de acceso que uses sea válido y esté autorizado para acceder a la imagen.
¡Espero que esto te ayude! Avísame si tienes alguna otra pregunta.