a标签下载pdf download失效 （直接打开网页）

今天在写项目时遇到的问题：
（暂未解决）

贴代码。

链接是一个pdf地址，点击链接，直接打开了该pdf，想要实现点击直接下载该pdf

<a href="http://file.xxx.pdf" download>点击下载</a>

一般的文件可以直接使用链接进行下载，但图片、pdf等可以直接打开的文件只会预览，不会直接下载。

在网上找了很多解决办法（应该是跨域导致的）：
如：

<a href="javascript:void(0)"  download onclick="downloadFile('http://file.xxx.pdf')">点击下载</a>

function downloadFile(url) {
  var x = new XMLHttpRequest();
  x.open("GET", url, true);
  x.responseType = 'blob';
  x.onload=function(e) {
      var url = window.URL.createObjectURL(x.response)
      var a = document.createElement('a');
      a.href = url;
      a.click();
  }
  x.send();
}

不知道是不是使用错误。。。
使用类似的方法都会报跨域错误，试了试jsonp，还是报错。

求解。。后续有答案了 我再更 小白的困惑