Estoy tratando de crear una página en la que, cuando los usuarios la visiten, se abra la aplicación de contacto en el móvil, como cuando alguien abre la página de detalles en el teléfono, se redirigirá a la aplicación de contacto y solo es válida para dispositivos móviles. aquí no puedo abrir el archivo .vcf directamente en la aplicación de contacto aquí lo que intento hacer aquí es el archivo vcf que obtengo de una ruta

 BEGIN:VCARD VERSION:3.0 FN;CHARSET=UTF-8:xander Nesser N;CHARSET=UTF-8:Nesser;fgff;;; TEL;TYPE=WORK,VOICE:+91123456789 TITLE;CHARSET=UTF-8:Software Developer ORG;CHARSET=UTF-8:xyz URL;CHARSET=UTF-8:https://google.com REV:2022-06-27T11:54:28.192Z END:VCARD

y para abrir mi codigo estoy probando este codigo

 useEffect(() => { const requestOption = { method: "GET", headers: new Headers({ "content-type": "application/json" }), body: undefined, redirect: "follow", }; fetch("https://apizz.com/api/profiles", requestOption) .then((response) => response.text()) .then((result) => { console.log(typeof result); console.log(result); var url = 'data:text/x-vcard;charset=utf-8,' + encodeURIComponent((result)); document.location.href = url; }) .catch((error) => { console.log("error", error); }); }, []);

pero se está descargando en lugar de abrir directamente