<div> <a href="https://chat-app-pathum.web.app/pdf/test.pdf" target="_blank" rel="noopener noreferrer"> chat app </a> </div> <div> <a href="/pdf/test.pdf" target="_blank" rel="noopener noreferrer"> sample link </a> </div> <div> <a href="http://www.africau.edu/images/default/sample.pdf" target="_blank" rel="noopener noreferrer" > hardcoded pdf </a> </div>

Tengo un componente de reacción con estos tres enlaces. El archivo test.pdf se guarda en la carpeta public/pdf y la aplicación está alojada en el nombre de dominio de https://chat-app-pathum.web.app

Para el primer enlace, di una ruta absoluta. El segundo enlace di ruta relativa. El tercero es de un nombre de dominio diferente y di una ruta absoluta.

Todas estas cosas funcionan bien en el navegador web. Pero en la vista web de IOS (la aplicación móvil nativa ejecuta la aplicación web en un navegador) solo el tercer enlace abre el documento, los otros dos no responden cuando hago clic en la parte superior del enlace.

¿Cómo puedo solucionar esto a nivel de código React?

Este es el enlace que uso https://chat-app-pathum.web.app