免费下载个人简历表格_ai智能搜索引擎_如何制作自己的链接_seo研究中心学员案例

背景：a链接下载跨域文件时，浏览器默认会打开文件，而非直接下载

<a :href="url" :download="fileName">下载</a>

data() {return {url: 'http://xxxxx.mp4',fileName: 'xxxxx.mp4'}
}

解决方式

服务器设置HTTP请求头为Content-Disposition 为 attachment即可，访问的时候就是直接下载而不
是浏览!

注：这里需要添加download参数来区分，这样同一地址可根据参数选择要直接打开还是直接下载

<a :href="`${url}?download=1`" :download="fileName">下载</a>

在nginx.conf配置文件中配置以下内容

location / {add_header 'Access-Control-Allow-Origin' '*';add_header 'Access-Control-Allow-Headers' '*';add_header 'Access-Control-Allow-Methods' '*';# OPTIONS 直接返回204if ($request_method = 'OPTIONS') {return 204;}# 仅允许 GET|POST|HEADif ($request_method !~* GET|POST|HEAD) {return 405;}# URL?download=1 附件下载if ($arg_download) {add_header 'Content-Disposition' 'attachment';}try_files $uri $uri/ =404;
}