使用 pdf.js 跨域问题的处理方法1
2019-10-31 10:00
2835 查看
在《使用 pdf.js 在网页中加载 pdf 文件》中详细介绍了 pdf.js 的使用与集成网页开发的基本方法。展示效果如下图:
站点的目录为 http://localhost:8033/PDFTest。此时PDF文件就部署在IIS站点的子目录下,这种方式访问一切正常。
var pdfFile = "http://localhost:8033/PDFTest/Pdf/项目的5个管理过程组和项目管理知识领域映射关系.pdf";
如果PDF文件位于其他站点下,则涉及到跨域访问的问题。比如访问位于下列IIS站点中的PDF文件
var pdfFile = "http://localhost:7030/项目的5个管理过程组和项目管理知识领域映射关系.pdf";
访问则出现如下错误。提示:跨域访问被禁止。
下面介绍方法来解决跨域访问的问题。
IIS站点中启用跨域访问1、找到目标站点
2、找到“HTTP响应标头”,双击打开
右键--“添加”,添加以下2条:
Access-Control-Allow-Headers:Content-Type, api_key, Authorization
Access-Control-Allow-Origin:*
配置完成后,如下图
3、【停止】目标站点,【启动】目标站点。
4、重新访问该站点,PDF加载显示正常
如果访问还是出错,请执行 iisreset 命令,清空浏览器缓存后再次访问即可正常。
相关文章推荐
- 5种处理js跨域问题方法汇总
- 5种处理js跨域问题方法汇总
- 5种处理js跨域问题方法汇总
- 5种处理js跨域问题方法汇总(转载)
- vue项目中使用pdf.js,通过解析后台base64格式文件解决跨域问题
- 5种处理js跨域问题方法汇总
- JS跨域问题解决方法之APACHE反向代理
- js 跨域访问问题解决方法
- 谷歌浏览器报错:跨域问题处理( Access-Control-Allow-Origin)_ 用于本地测试的快捷解决方法
- ADC0809使用中的小问题----小数点后保留两位的处理方法
- js 跨域访问问题解决方法
- 浅析Node.js中使用依赖注入的相关问题及解决方法
- JSP使用ajaxFileUpload.js实现跨域问题
- 在SharePoint中服务器端使用Word编程模型转换PDF遇到的问题以及解决方法
- js对url网页地址中文乱码问题的处理方法
- jQuery对象和DOM对象转换,解决jQuery对象不能使用js方法的问题
- window.opener方法的使用 js跨域
- iOSUI学习之使用苹果系统自带的方法处理缓存问题
- 关于JS的Ajax bf52 方法导致跨域问题的解决办法
- 使用prototype.js的事件处理方法