Next.js Discord

Discord Forum

Petite question avec le déploiement Vercel.

Unanswered
Southeastern blueberry bee posted this in #help-forum
Open in Discord
Southeastern blueberry beeOP
Salut à tous ! voilà j'aurais besoins d'éclaircissement,
j'ai terminer début de semaine mon portfolio que j'ai déployer ave vercel. Tout vas bien jusqu'à que je me rende compte que sur la homepage, le bouton resume qui permet de télécharger mon CV , télécharge à la place un fichier 404. En revanche en local ça fonctionne. Vous savez ce serais à cause de quoi ?, j'ai essayer de trouver la raison j'en est conclu qu'il faudrait mettre dans mon projet un fichier à la racine vercel.json avec ce code : ``{ "headers": [ { "source": "/CV Aichoune Cyril.pdf", "headers": [ { "key": "Content-Type", "value": "application/pdf" }, { "key": "Content-Disposition", "value": "attachment" } ] } ] } ``` . voici mon lien portfolio pour que vous ayez le visuel : https://www.aichoune-cyril.com/. Merci d'avance ! Hi all ! Here I need some clarification. I finished my portfolio at the start of the week, which I deployed with Vercel. Everything is fine until I realize that on the homepage, the resume button which allows me to download my CV, downloads a 404 file instead. On the other hand, it works locally. You know what it would be because of?, I tried to find the reason I concluded that it would be necessary to put in my project a file at the root vercel.json with this code: ``{
headers: [
{
"source": "/CV Aichoune Cyril.pdf",
headers: [
{
"key": "Content-Type",
“value”: “application/pdf”
},
{
"key": "Content-Disposition",
"value": "attachment"
}
]
}
]
}
``` . here is my portfolio link so that you have the visual: https://www.aichoune-cyril.com/.


Thanks in advance !

6 Replies

joulev
because the pdf is not there; https://www.aichoune-cyril.com/CV%20Aichoune%20Cyril.pdf is 404
Southeastern blueberry beeOP
this is my code on my index.js file : 
<div className="flex items-center self-start mt-2 lg:self-center">
                <Link
                  href="/CV Aichoune Cyril.pdf"
                  target={"_blank"}
                  className="flex items-center bg-dark text-light p-2.5 px-6
                  rounded-lg text-lg font-semibold hover:bg-light hover:text-dark
                  border-2 border-solid border-transparent hover:border-dark
                  
                  dark:bg-light dark:text-dark hover:dark:bg-dark hover:dark:text-light
                  hover:dark:border-light md:p-2 md:px-4 md:text-base
                  "
                  download={true}
                >
                  Resume <LinkArrow className={"w-6 ml-1"} />
                </Link>
where is my error ? :blob_thonkang: :pikacry:
you need to make the CV file available at https://www.aichoune-cyril.com/CV%20Aichoune%20Cyril.pdf first before making buttons to download from this URL
Southeastern blueberry beeOP
thanks , i'm stupid
Upland Sandpiper
Rename the file without spaces