nginx 代理文件并下载,同时设置文件名,axios取不到Content-Disposition解决办法

nginx.conf 复制代码
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|doc|docx)$
    {
    	# 读取文件名
        set $filename $uri;
        if ($uri ~* /([^/]+)\.(gif|jpg|jpeg|png|bmp|swf|doc|docx)$) {
            set $filename $1.$2;
        }
    
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
		
		# 设置文件名
        add_header Content-Disposition 'attachment; filename=$filename';
        # 允许跨域(允许axios访问文件)
        add_header Access-Control-Allow-Origin '*';
        # 允许axios访问文件后取到Content-Disposition头信息,否则拿不到文件名
        add_header Access-Control-Expose-Headers 'Content-Disposition';
    }

关联问题:

nginx代理文件;nginx下载文件;nginx下载文件名;axios下载文件;axios取不到文件名;axios取不到Content-Disposition

相关推荐
Wyc7240931 分钟前
HTML:入门
前端·html
Sunny_lxm31 分钟前
自定义列甘特图,原生开发dhtmlxgantt根特图,根据数据生成只读根特图,页面展示html demo
前端·html·甘特图·dhtmlxgantt
熊猫钓鱼>_>1 小时前
建筑IT数字化突围:建筑设计企业的生存法则重塑
前端·javascript·easyui
GISer_Jing3 小时前
前端性能指标及优化策略——从加载、渲染和交互阶段分别解读详解并以Webpack+Vue项目为例进行解读
前端·javascript·vue
不知几秋3 小时前
数字取证-内存取证(volatility)
java·linux·前端
水银嘻嘻5 小时前
08 web 自动化之 PO 设计模式详解
前端·自动化
Zero1017137 小时前
【详解pnpm、npm、yarn区别】
前端·react.js·前端框架
&白帝&7 小时前
vue右键显示菜单
前端·javascript·vue.js
Wannaer7 小时前
从 Vue3 回望 Vue2:事件总线的前世今生
前端·javascript·vue.js
羽球知道7 小时前
在Spark搭建YARN
前端·javascript·ajax