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

相关推荐
摇滚侠1 分钟前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
2601_949833396 分钟前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
珑墨38 分钟前
【Turbo】使用介绍
前端
军军君011 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9222 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
打小就很皮...2 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
qq_177767372 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_949462103 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n3 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon3 小时前
理解vue中的ref
前端·javascript·vue.js