const fileUrl = 'http://......'
const replacedUrl = fileUrl.replace(/^http:/, 'https:')
const ele = document.createElement('a')
ele.setAttribute('href', replacedUrl)
ele.setAttribute('download', replacedUrl.split('/')[replacedUrl.split('/').length - 1])
ele.click()
请求后端 提供的链接居然是一个http的文件链接
首先对这个地址做了正则判断替换成https
fileUrl.replace(/^http:/, 'https:')
这样做的原因是浏览器会认为在https下打开的http链接是不安全操作,所以会进行拦截,或者访问不成功
替换后运行报错
Mixed Content: The site at 'https://.....cn/' was loaded over a secure connection, but the file at 'https://.....cn/excel/20230612162249172.xlsx' was redirected through an insecure connection. This file should be served over HTTPS. This download has been blocked. See https://blog.chromium.org/2020/02/protecting-users-from-insecure.html for more details.
错误信息告诉我们混合请求(两个地址域名不一致)是被浏览器禁止,处理办法如下:
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">