Quiero renderizar archivos en mi aplicación web Next.JS desde una API segura. La API devuelve los siguientes datos
{ "name": "Test1.docx", "contentUri": "https://api.mypurecloud.ie/api/v2/downloads/xxx", "contentType": "application/vnd.openxmlformats-officedocument.wordprocessingml.document", }Estoy usando el paquete NPM react-doc-viewer. No hay problema con la renderización de archivos no seguros. ¿Alguien puede mostrarme cómo pasar el token de autenticación a la llamada API con este paquete?
O ¿Hay alguna otra forma de renderizar los archivos en el navegador sin tener que descargarlos en la máquina cliente?
mi codigo es
export default function Home() { const docs = [ { uri: '/test.pdf' }, // Local File { uri: 'https://url-to-my-pdf.pdf' }, // secure remote File ]; return ( <div className={styles.container}> <Head> <title>Create Next App</title> <meta name="description" content="Generated by create next app" /> <link rel="icon" href="/favicon.ico" /> </Head> <main> <h1 className={styles.title}>Document Viewer</h1> <DocViewer pluginRenderers={DocViewerRenderers} documents={docs} /> </main> </div> ); }