如何从rest API url下载pdf

Question

我正在给我的服务器调用rest api，服务器正在返回存储pdf的路径，例如

API响应：

“http://xxx.xxx.xxx.xxx/files/mypdf.pdf”

Javascript代码

<script>
function download(filename) {
    var element = document.createElement('a');
    element.setAttribute('href', filename);
    element.setAttribute('download', filename);

    element.style.display = 'none';
    document.body.appendChild(element);

    element.click();

    document.body.removeChild(element);
}

<button onClick="download('http://xxx.xxx.xx.xx/pdf/mypdf.pdf')>Click here to download pdf</button>

</script>
</p>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

当我点击按钮时，新标签正在打开，PDF正在显示，但我想直接点击按钮下载。

如何从Rest Path直接在浏览器上下载PDF。请帮帮我。