美文网首页
PDF.js 跨域,其实很简单

PDF.js 跨域,其实很简单

作者: badxiao | 来源:发表于2018-05-10 11:28 被阅读413次

PDF.js 版本: 2.0.0

服务器需要做一些支持

响应头中添加

'Access-Control-Allow-Origin' '*'

例如我的 nginx 配置

server {
            listen 80;
            server_name 127.0.0.1;
            location / {
                if ($request_method = 'GET') {
                    add_header 'Access-Control-Allow-Origin' '*';
                    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                    add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
                    add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
                }
                root /home/*****/IdeaProjects/pdfjs-1.10.88-dist;
                index index.html;
            }
        }

修改 PDF.js 代码,分两种情况

未编译,修改 app.js 中的这行代码
var HOSTED_VIEWER_ORIGINS = ['null', 'http://mozilla.github.io', 'https://mozilla.github.io'];
已编译,则上面这行代码在 viwer.js 中,并且还需要修改 viewer.js.map 中相应的位置

相关文章

  • PDF.js 跨域,其实很简单

    PDF.js 版本: 2.0.0 服务器需要做一些支持 响应头中添加 例如我的 nginx 配置 修改 PDF....

  • pdf.js预览pdf文件

    一、下载pdf.js[http://mozilla.github.io/pdf.js/] 二、使用 跨域问题的解决...

  • 跨域

    JSONP jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域...

  • jsonp的原理与实现

    概述jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域。 通过...

  • jsonp

    1.原理 jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域。...

  • JSONP的原理和封装

    jsonp是一种跨域通信的手段,它的原理其实很简单:首先是利用script标签的src属性来实现跨域。通过将前端方...

  • axios发送俩次请求的原因

    其实跨域分为简单跨域请求和复杂跨域请求 简单跨域请求是不会发送options请求的 复杂跨域请求会发送一个预检请求...

  • Springboot接口开启跨域访问

    后端使用Springboot提供rest接口,前端html和ios共用,为了解决跨域问题,需要实现跨域,很简单,实...

  • pdf.js远程跨域问题

    远程 PDF 加载的时候失败, 解决办法是本地写一个pdf 的解析器 入口文件, 开启一下,跨域的限制就好

  • 前端常见跨域解决方案(全)

    什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义的跨域: 其实我们通...

网友评论

      本文标题:PDF.js 跨域,其实很简单

      本文链接:https://www.haomeiwen.com/subject/mxhzrftx.html