想要在浏览器中访问pdf内容,服务器器该如何配置

1、需要先放置PDF文件:

将你的PDF文件放置在服务器的某个目录下,例如/var/www/html/pdfs/。确保服务器有权限读取这个目录中的文件。

2、配置Nginx:

在Nginx的配置文件中为PDF文件添加一个location块。

powershell 复制代码
server {  
    listen 80;  
    server_name 122.0.0.1 your-domain.com;  
 
    # 其他配置...  
 
    location /pdfs/ {  
        alias /var/www/html/pdfs/; # 指向PDF文件存放的目录  
        autoindex on; # 如果需要列出目录内容,可以开启这个选项  
        types {  
            application/pdf pdf; # 指定PDF文件的MIME类型  
        }  
        default_type application/octet-stream;  
        expires max; # 设置缓存过期时间  
        add_header Cache-Control public;  
    }  
 
    # 其他配置...  
}

3、重启nginx

powershell 复制代码
sudo nginx -s reload

4、在浏览器中输入服务器地址端口加/pdfs/filename就可以访问了

相关推荐
尘中客2 小时前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
FreeBuf_3 小时前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中3 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007473 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
WiChP3 小时前
【V0.1B5】从零开始的2D游戏引擎开发之路
java·服务器·数据库
前端大波3 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
Highcharts.js4 小时前
适合报表系统的可视化图表|Highcharts支持直接导出PNG和PDF
javascript·数据库·react.js·pdf
ZC跨境爬虫5 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
慧一居士5 小时前
Vue项目中,何时使用布局、子组件嵌套、插槽 对应的使用场景,和完整的使用示例
前端·vue.js
Можно5 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app