pdf.js 跨域问题

Question

我的页面a.html是在apache服务器上面的,但是文件是在tomcat服务器上的，我访问的连接就是http://127.0.0.1/a.html?file=http://127.0.0.1:8080/bb.pdf,访问时报错:Unexpected server response (0) while retrieving PDF，请问该如何解决，非常感谢！

Answer 1

fileName="http://114.215.221.123/ueditor/jsp/upload/file/20170413/1492017493544030070.pdf";
    try {
     //http://114.215.221.123/ueditor/jsp/upload/file/20170413/1492017493544030070.pdf
     // 纯下载方式
     response.setContentType("application/x-msdownload");
     response.setHeader("Content-Disposition", "attachment;filename="+fileName.substring(fileName.lastIndexOf("/"+1),fileName.length()));
     URL url = new URL(fileName);
     URLConnection conn = url.openConnection();
  //    
      byte[] b= readInputStream(conn.getInputStream());
     response.getOutputStream().write(b);
     response.getOutputStream().flush();
     response.getOutputStream().close();
    } catch (Exception e) {
     e.printStackTrace();
    }

写个SERVLET处理下，

Answer 2

测试无效

Answer 3

测试无效

Answer 4

引用来自“smileqingyuan”的评论

1.在项目中添加两个jar包 http://pan.baidu.com/s/1mi58vhe

2.在web.xml中添加代码:

<!-- CORS Filter mapping cross domain filter setting -->
  <filter>
		<filter-name>CORS</filter-name>
		<filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
		<init-param>
			<param-name>cors.allowGenericHttpRequests</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>cors.allowOrigin</param-name>
			<param-value>*</param-value>
		</init-param>
		<init-param>
			<param-name>cors.allowSubdomains</param-name>
			<param-value>false</param-value>
		</init-param>
		<init-param>
			<param-name>cors.supportedMethods</param-name>
			<param-value>GET, HEAD, POST, DELETE, OPTIONS</param-value>
		</init-param>
		<init-param>
			<param-name>cors.supportedHeaders</param-name>
			<param-value>content-type, authorization</param-value>
		</init-param>
		<init-param>
			<param-name>cors.supportsCredentials</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>cors.maxAge</param-name>
			<param-value>3600</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<!-- CORS Filter mapping -->
		<filter-name>CORS</filter-name>
		<url-pattern>*</url-pattern>
	</filter-mapping>

Answer 5

1.在项目中添加两个jar包 http://pan.baidu.com/s/1mi58vhe

2.在web.xml中添加代码:

<!-- CORS Filter mapping cross domain filter setting -->
  <filter>
		<filter-name>CORS</filter-name>
		<filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
		<init-param>
			<param-name>cors.allowGenericHttpRequests</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>cors.allowOrigin</param-name>
			<param-value>*</param-value>
		</init-param>
		<init-param>
			<param-name>cors.allowSubdomains</param-name>
			<param-value>false</param-value>
		</init-param>
		<init-param>
			<param-name>cors.supportedMethods</param-name>
			<param-value>GET, HEAD, POST, DELETE, OPTIONS</param-value>
		</init-param>
		<init-param>
			<param-name>cors.supportedHeaders</param-name>
			<param-value>content-type, authorization</param-value>
		</init-param>
		<init-param>
			<param-name>cors.supportsCredentials</param-name>
			<param-value>true</param-value>
		</init-param>
		<init-param>
			<param-name>cors.maxAge</param-name>
			<param-value>3600</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<!-- CORS Filter mapping -->
		<filter-name>CORS</filter-name>
		<url-pattern>*</url-pattern>
	</filter-mapping>