pdf在浏览器上无法正常加载的问题

一、背景

觉得很有意思给大家分享一下。事情是这样的,开发给我反馈说,线上环境接口请求展示pdf异常,此时碰巧我前不久正好在ingress前加了一层nginx,恰逢此时内心五谷杂陈,思路第一时间便放在了改动项。捣鼓了好久无果,然后在测试环境搭建一套环境请求,竟然是正常。好了,好了,有正常的情况就行了,接下来就是找不同之处了。

二、步骤

1.修改nginx.conf,无果

bash 复制代码
default_type application/pdf;

2.调整架构,nginx不走ingress,直接到后端svc:port,避免ingress出现问题。避免多一层代理,多一点出问题的概率。无果,那么就不是ingress的问题。

3.对比异同。测试环境浏览器接口返回的类型是pdf,而线网是plain。激动人心,找到不一样的地方就有思路了。那么如何修改type呢?

bash 复制代码
# 隐藏后端服务器返回的Content-Type头
proxy_hide_header Content-Type;

# 添加新的Content-Type头,声明响应为PDF文件
add_header Content-Type application/pdf;

4.问题解决,撒花~

三、思考

为啥测试环境不需要加这个参数,而线网需要呢?还是需要找异常。第一直觉怀疑起nginx的版本,果然一看,测试环境1.20.1,线网1.14.1,版本老旧的有问题,基本心理已然有九成把握了。

四、复现

把线网的版本直接打包放到测试,重启。一切如我预料,如下图所示。加上配置,果然又如我所料,恢复正常。那么为啥线网测试nginx版本差这么多呢?因为线网严格按照规范,编译安装最常用的nginx,而测试环境犯懒直接yum安装。。。。。。。。属实是自己给自己挖坑

相关推荐
ElasticPDF-新国产PDF编辑器21 小时前
Vue use pdf.js and Elasticpdf tutorial
vue.js·pdf
xujiangyan_1 天前
nginx的反向代理和负载均衡
服务器·网络·nginx
ElasticPDF-新国产PDF编辑器1 天前
Angular 项目 PDF 批注插件库在线版 API 示例教程
前端·pdf·angular.js
夏天想1 天前
vant4+vue3上传一个pdf文件并实现pdf的预览。使用插件pdf.js
开发语言·javascript·pdf·vant
ElasticPDF-新国产PDF编辑器1 天前
React 项目 PDF 批注插件库在线版 API 示例教程
react.js·pdf·json
hello_simon1 天前
在线小白工具,PPT转PDF支持多种热门工具,支持批量转换,操作简单,高效适合各种需求
pdf·html·powerpoint·excel·pdf转html·excel转pdf格式
viqecel2 天前
网站改版html页面 NGINX 借用伪静态和PHP脚本 实现301重定向跳转
nginx·php·nginx重定向·301重定向·html页面重定向
ZhangChuChu_92482 天前
Word在生成PDF后,PDF左侧导航书签目录错误显示的解决方法
pdf·word
硪就是硪2 天前
内网环境将nginx的http改完https访问
nginx·http·https
ak啊2 天前
Nginx 安全加固详细配置指南
nginx