I have an application that is written using Tomcat and AngularJS (v1.2.14). In web.xml I set the ContentSecurityFilter on /* and then in configuration set the policy rules to allow same origin, allow eval and allow unsafe inline.
I have mapped https://mysite.com/my/app/url to index.jsp that eventually does the following:
<div id="ng-app" ng-app="myApp" ng-csp>
<div ng-include="'/my/app/url/static/pages/partials/wizard.html'" class="container-fluid"></div>
</div>
wizard.html is where the true application stuff are happening. I have there bunch of AngularJS directives and etc.
This setup does work in IE and FF, but does not work in CH. When I try to access my/app/url in Chrome wizard.html is not displayed. the rest of index.jsp is displayed ok. Going to dev tools I see that I get this error for wizard.html:
Failed to load resource: the server responded with a status of 401 (Unauthorized)
There are no error in server logs. If I disable CSP filter mapping in web.xml Chrome starts to work just fine. But I have to have CSP filter for security reasons.
Does anyone know how to fix this? Any help is appreciated!