javascript - https下 a标签下载文件失败？

Question

背景：

项目访问地址：https://xxx.com

a标签下载文件的方式，类似

const url = 'http: // 10.9.13.2:10056/file-storage/file/subject/yqtempalte.xlsx'
<a  :href="url"></a>

在本地下载正常，部署到正式环境之后，下载失败

定位原因：是项目访问https的原因，更改成http之后下载正常。

解决方案：

进行代理转发，改成调用接口的方式进行下载

1. 设置代理
   "/api/file-storage","http://10.8.15.1:10040/file-storage/"

2. 书写、调用接口

   接口url: '/file-storage/file/subject/yqtempalte.xlsx'

调用接口之后本地和正常环境下都能正常下载文件。

问题：

1. 为什么代理转发、接口调用的方式在正常环境中https可以正常下载文件，而a标签url下载的方式会出错？
2. 接口调用下载的形式下，是否可以直接省去代理转发这步。
   接口url地址改成：'http: // 10.9.13.2:10056/file-storage/file/subject/yqtempalte.xlsx'

Answer 1

我之前做过文件预览服务也是遇到过这种问题，只要都是https或者http的地址就没问题了。

1:安全性考虑：HTTPS提供了数据传输过程中的加密，保护了信息的安全。而HTTP则没有这样的加密机制，因此在HTTPS环境下加载HTTP内容，可能会使得整个页面的安全性降低，从而被浏览器阻止。
2:浏览器策略：特别是在Chrome浏览器中，它默认不信任使用HTTP协议传输的文件，认为非HTTPS网站都是不安全的，自动屏蔽了来源于HTTP文件的下载。

Answer 2

https网站，下载http资源，浏览器视为不安全，会被拦截。

方法：

1. 下载资源也用https资源，且处理好跨域问题；
2. 可以使用新窗口window.open()来请求下载。