pdfjs 报错提示Failed to load module script

news/2024/12/19 9:27:00/文章来源:https://www.cnblogs.com/zjfblog/p/18616389

参考文章:

pdfjs 报错提示Failed to load module script

[JavaScript] MIME type 异常

在服务器好不容易配好nginx转发,jar包,静态资源等,访问网站一切ok,结果打开pdf时,无法预览:

F12看了下,接口返回正常啊,说明接口没问题,接着看控制台,oh,问题在这:

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.

bing走起,找到解决方案:原因是使用vite打包,导致<script>引用的js比较特殊(多了一个type="module"):

这就导致服务器和浏览器双方对这种js的认识不一致,因此引起了浏览器端的问题,需要修改nginx配置即可

server
{include mime.types;types {application/javascript mjs;}
}

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/855239.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

跨境电商双旦选品工具分享——看板软件篇

跨境电商在圣诞节和元旦节期间利用看板软件进行选品时,应充分利用其信息整合、数据分析、任务管理和团队协作等功能,以提升选品的效率和准确性。同时,也要关注市场趋势和消费者需求的变化,及时调整选品策略,以抓住节日销售的黄金时机。跨境电商在圣诞节和元旦节期间利用看…

自定义Snippets常用代码片段提高开发效率

自定义Snippets常用代码片段提高开发效率 日常搬砖过程中,有很多代码是重复的 对于这些代码,可以考虑放进工具类,或者安装snippets插件,或者干脆找以前的代码Ctrl+CV也是常有的事 对于常用又简单直接的代码,如果都放进工具类的某个方法中,未免有些过度封装 每一种框架和语…

加速企业流转:智能企业间文件传输方案,驱动业务高效前行!

企业间文件传输是指在不同企业之间,或企业内部的不同部门、团队之间,以及企业与外部合作伙伴之间,进行文件或数据的传递和共享的过程。这些文件可能包括各种类型的文档、图片、视频、代码等,用于支持企业的项目协作、数据备份、数据迁移、数据分析以及数据共享等需求。企业…

Landsat 使用QA波段去云

GEE中不同的landsat系列影像的波段名称、QA云位数有出入,生搬硬套网上现成的QA去云很容易出错。不同的影像需要设置不同的QA_PIXEL波段名称和比特位数,都在GEE的数据波段说明文档里。当前版本似乎都是3-云、4-云阴影。了解了原理,后面遇到陌生影像也能处理。 def rmCloud(im…

MySQL 时区与 serverTimezone

TL;DR手动为 MySQL 指定非偏移量的时区,以避免 TIMESTAMP 类型夏令时问题和时区转化性能瓶颈 TIMESTAMP 范围:1970-01-01 00:00:01 UTC to 2038-01-19 03:14:07 连接 MySQL 数据库时,serverTimezone 参数用于指定数据库服务器的时区,需要设置为与 MySQL 服务端相同的时区My…

【详解】Ftrans安全数据摆渡系统,让数据传输更安全高效且可控!

基于提高安全性、满足合规性要求、保护核心资产、提高性能和可靠性以及风险管理等多方面的考虑,企业一般会选择网络隔离,有助于企业确保网络安全和数据保护,为企业的稳健发展提供有力保障。 一、网络隔离的必要性 1、提高安全性 1)限制潜在攻击者的横向移动:网络隔离可以限…

服务后台报临时上传路径/tmp/tongweb.xxxxxxxxxxxxxxxx.9999/work/Tongweb/localhost/ROOT无效

报错: 当服务后台报org.springframework.web.multipart.MultiPartException,failed to parsemultipart servlet request; nested exception is java.io.IOException,临时上传路径/tmp/tongweb.79923423523523135.9090/work/Tongweb/localhost/ROOT无效;是因为linux过段时间…

在 VS Code 中可以免费使用 GitHub Copilot了!

今天,有一个重大的好消息要分享给大家: 从现在开始,我们可以在 Visual Studio Code 中,免费使用强大的 GitHub Copilot 进行开发啦! 每个人都可以享受到 AI 加持下的丝滑开发体验! 那就让我们一起来看看如何能免费地用上 GitHub Copilot 吧! 1. 下载最新版本的 VS Code…

从底层源码深入分析Bean的实例化

生命周期的整体流程 Spring 容器可以管理 singleton 作用域 Bean 的生命周期,在此作用域下,Spring 能够精确地知道该 Bean 何时被创建,何时初始化完成,以及何时被销毁。 而对于 prototype 作用域的 Bean,Spring 只负责创建,当容器创建了 Bean 的实例后,Bean 的实例就交给…

abc 蓝题方法整理

abc 蓝题方法整理 trick 基本算法 搜索 最优性剪枝/保证枚举合法保证复杂度 : 42, 166 约束与两边有关系考虑双向搜索 : 54 数据范围较小考虑爆搜: 81, 162 从可能性较少的位置向较多的位置搜 : 162 记忆化搜索优化 : 162 meet-in-the-middle处理总状态不多的搜索 : 162, 193 边…

读图数据库实战笔记07高级数据建模技术

高级数据建模技术1. 高级数据建模技术 1.1. 大多数现实生活中的应用程序(如推荐引擎或个性化应用程序)所需的模型比社交网络示例的单顶点、单边数据模型复杂得多 1.2. 三种高级数据建模技术1.2.1. 使用通用标签提高性能1.2.2. 将属性移动到边,以简化遍历1.2.3. 对数据进行反…