pdf.js正式部署的坑

问题场景

公司需要把历史报告在PC端在线预览,之前一直用embed标签解决,效果很好。产品提出在手机端(微信链接或者手机浏览器)也要在线预览,尴尬的是安卓端提示的是下载,IOS端只能看不能滑动。经一番调研采用pdf.js完美解决,参考手机端与PC端在线预览PDF。测试环境完美展示,正式部署提示pdf文件损坏或者缺失。。。,懵逼啊 没有buffer啊,排除开发原因,找来运维一顿商量。

正式环境

nginx+tomcat8

测试环境

tomcat8

分析

pdf.js插件提示文件损坏或者缺失,查看了下文件,完整的,可读的。F12一看是找不到。于是怀疑是域名自动映射问题,让运维去掉依然不好使,仔细看访问的是虚拟目录,想到后端服务器用了nginx,nginx找不到是因为不识别你tomcat配置的虚拟目录。

  1. 测试环境访问:IP+PORT+虚拟目录可以直接访问
  2. 正式环境访问:IP+PORT+虚拟目录可以直接访问
  3. 正式环境访问:域名+虚拟目录不可以直接访问 404

采用方式3不行的原因是nginx没有配置location导致,所以让运维配置一个虚拟目录对应的location即可。
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值