I am trying to create an anchor tag that will link to a PDF asset in my contentful space, so when the user clicks on the link it will download to their computer.

However, because the asset url is not of the same origin, the PDF will just open up within the browser itself.

Here is the current structure of the markup:

<a
  download="test.pdf"
  href="//assets.ctfassets.net/[contentfulID]/[contentfulID]/[contentfulID]]/test.pdf"
>
  <span>Download</span>
</a>

The problem as I mentioned earlier is that the asset url will not be of the same origin. Is there anyway to get around this problem?