vue使用PDF.JS踩的坑--部署到服务器上显示pdf.mjs viewer.mjs找不到资源

最新推荐文章于 2024-09-27 16:07:10 发布
最新推荐文章于 2024-09-27 16:07:10 发布
阅读量653 收藏
点赞数 2
文章标签： pdf asp.net vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xi_xi_123456/article/details/142458250
版权

之前项目使用的pdf.js 是2.15.349版本，最近换了一个4.6.82的版本，在本地上浏览文件运行的好好的，但是发布到服务器（IIS）上打不开文件，控制台提示找不到pdf.mjs viewer.mjs。

之前使用的2.15.349pdf和viewer这些文件都是js后缀，4.6.82这个版本是mjs后缀，所以要在IIS中添加MIME类型

完美解决！

此白非彼白`
关注
PDFJS使用上遇到的一些问题
yukiahong的博客
01-20 3204
PDFJS使用上遇到的一些问题 之前做项目的时候需要在移动端和PC上在线预览pdf文件，就使用了pdfjs，pdfjs是1.X的忘记了，由于项目要预览的pdf文件不大一直没有发现问题，现在遇到需要预览9M以上的pdf就会出现一个奇怪的问题，预览一直在转圈圈出不来，打开调试后发现有一个报错 多次刷新的话是可以正常加载出来，也不会报错。网上查询了一些方法：有的说是要把pdfjs设置成切片加载的方式，但是pdfjs在服务端支持的情况下默认就是切片加载了（我的服务端是Apache2.4的，是支持的，从截图上看已
使用PDF.js踩坑记~
AlaiaCodeingLife
07-09 5353
想要查看前面的笔记请翻阅我的CSDN博客，作者码字不易，喜欢的话点赞，加个关注吧，后期还有很多干货等着你！ 项目场景： 目前遇到需求，需要在pc端打开pdf预览 解决方案： 发现有许多成熟的方案，最终决定使用PDF.js进行开发 首先先在官网下载 http://mozilla.github.io/pdf.js/getting_started/#download 下载完成后目录结构是这样： 我们打开web后点击： 这里有一个坑，我怎么都打不开，结果最后发现是因为需要启动服务才能使用这里我使用的是li
记录一下使用PDFJS遇到的坑
m0_63057114的博客
07-29 4009
在引用PDFjs的过程中，遇到了一下坑，这这里记录一下。列如：1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.和禁用按钮功能等...
pdf.mjs，反正就是这个
11-12
pdf.mjs，反正就是这个
【PDF.js】PDF.js部署到服务器提示找不到mjs文件
Wan_1218的博客
01-30 2140
例如：项目场景：要做一个扫描二维码跳转到网页预览PDF的功能。
pdfjs 无法显示
wsy321123的博客
02-06 476
最新版本 4.* 使用。
jsp中使用PDF.js实现pdf文件的预览
baidu_40120883的博客
11-16 3710
本文介绍的是在使用jsp作为模板引擎的spring-mvc项目中，如何利用 PDF.js实现pdf文件的预览。
vue使用pdfjs进行pdf预览时 发布后无法预览并报错Failed to load module script
最新发布
zgx200318的博客
09-27 219
本地正常使用测试生产环境会无法预览并报错Failed to load module script。
vue-pdf.js-demo-master.zip
09-24
将pdf.js集成到Vue项目中，通常需要在`main.js`或相应的配置文件中引入pdf.js库，然后在Vue组件中调用它的API来加载和显示PDF。这可能涉及到动态加载PDF文件、设置渲染选项以及处理错误。 4. **Vue组件**： 在这...
vue-pdf-search-viewer:基于Vue.js和Pdf.js的Pdf查看器，支持pdf视图，按关键字搜索和更改页面
04-01
vue-pdf-搜索查看器 当前分支有一个使用unpack lib以便在发布之前调试lib的示例。 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 项目...
pdf-annotate.js:pdf.js的注释层
04-29
要报告pdf-annotate.js的问题，请将其提交到存储库下。 目标 为提供一个低层注释层。 可选的高级UI，用于管理注释。 与后端StoreAdapter ，只需提供您自己的StoreAdapter即可获取/存储数据。 规定注释格式。 ...
pdf.js 文件 最新版本
04-18
pdf.js 文件 最新版本
vue-pdfjs.zip
01-16
这一步是为了确保Vue项目能够访问到PDF.js的资源文件，因为Vue项目通常会将静态资源放在`static`目录下。 接下来，我们需要安装Vue.js的插件`vue-pdf`，它提供了与PDF.js的桥梁，使得在Vue组件中使用PDF.js变得更加...
【Vue: 使用pdf.js顯示PDF Viewer】
一虹的博客
08-26 1493
Vue,移动端，Web端查看pdf借助的工具
使用pdfjs出现的问题：Failed to load resource:the server responded with a status of 404()
shexianyu的博客
12-02 2091
问题： 1、在本地运行没有任何的错误。 2、将代码提交后，使用自动化工具部署，访问报下述错误。 分析： 1、根据报错信息，没有找到pdf.js的相关文件。 2、但是本地是存在的，初步估计是提交代码的时候出了问题。 3、接着查看Git项目仓库中是否存在该文件。 4、在项目目录结构下根本不存在build目录，而pdf.js则是放在该目录下的。 5、根本原因就是提交代码的时候，build文件夹及文件都没有提交。 6、在.gitignore文件中的配置buile/ (# 忽略 build/ 文
pdf.js正式部署的坑
心有多大舞台就有多大
04-22 3018
问题场景 公司需要把出具的报告在PC端在线预览，之前一直用embed标签解决，效果很好。产品提出在手机端（微信链接或者手机浏览器）也要在线预览，尴尬的是安卓端提示的是下载，IOS端只能看不能滑动。经一番调研采用pdf.js完美解决，参考手机端与PC端在线预览PDF。测试环境完美展示，正式部署提示pdf文件损坏或者缺失。。。 正式环境 nginx+tomcat8 测试环境 tomcat8 分析 测...
PDF.js 入门指南
weixin_58784569的博客
08-03 2481
PDF.js是一个用于在网页中显示PDF文档的JavaScript库。它是由Mozilla开发的，是一个完全免费、开源的工具。在本篇文章中，我们将详细介绍如何使用PDF.js进行前端开发，包括基本的使用方法、代码示例以及一些实用的技巧。
pdfjs升级版本后出现 Message: The API version “4.6.82“ does not match the Worker version “4.5.136“,缓存版本没有刷新问
今何在兮
09-11 467
4.直接复制一个新版本pdf.js,取名为pdf.jsnew, 然后把旧的pdf.js跳转到pdf.jsnew。1.升级pdf.js版本后, 由于客户之前浏览器上还缓存着旧的js,所以导致打开pdf出现错误。3.不方便让每个客户去手动清理浏览器缓存,也不方便直接修改后台跳转pdf.js代码。2.通过html,js页面清理缓存没有效果。修改 viewer.html。
pdf.js使用步骤
sun_weitao的博客
03-01 2249
把mjs 的后缀改成js 或者 .htaccess 添加。3、后端部署完成后 访问 viewer.html。使用pdfjs 网页在线预览需要后端服务器支持。使用file=你的在线的pdf文件路径就可以了。2、解压源码包，将源码包放置到后端服务器。说明无法解析.mjs 文件格式。1、下载PDF.js 源码包。找到viewer.mjs。4、访问在线pdf文件。将上面的代码注释即可。如果发现存在跨域问题。
Vue结合pdf.js实现本地PDF文件智能预览功能
资源摘要信息:"Vue.js与pdf.js结合使用实现的本地PDF文件预览功能，支持复制文本、滚动页码展示等交互体验。" 知识点详细说明： 1. Vue.js框架： Vue.js是一个流行的前端JavaScript框架，主要用于构建用户界面和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值