CORS Cross Origin Visualize.js

[ankushchhabra]

Hi

 

We are using JasperSoft 6.0.1 Professional hosted On Amazon Cloud.

Our Application is in PHP and using Visualize.js to integrate the jasperreports into application.

 

We created a report using Crosstab component and it works fine on jasperserver.

But when we try to access this report using visualize.js on Chrome/IE, it gives us  CORS "Cross Origin Resource Sharing" error.

However, the same works fine when accessed from Firefox

 

I am using latest chrome 49.0.2623.112 m

 

Things i have tried

 

 

1) CORS Filter

 

http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html#CORS_Filter

http://enable-cors.org/server_tomcat.html

 

Added filter mentioned in above links in web.xml of both Jasper and Tomcat

 

2) Added the following property in chrome

–disable-web-security

 

I would really appreciate any leads towards the fix.

 

 

Screenshots:

 

http://imgur.com/rNACwkV

 

http://imgur.com/uo8PvHW

 

Regards,

Ankush