我知道如果我们在HTML中使用iFrame,我们就要对它进行沙盒处理并添加'allow-scripts'权限.
但我的问题是我的纯Angular JS应用程序中根本没有iFrame.当我在我的本地机器上运行它时工作正常.
当我将其部署到我的服务器时,Chrome会显示此错误消息以及以下错误:
拒绝加载样式'bootstrap.min.css',因为它违反了以下内容安全策略指令:"style-src'self'".
在'dashboard.html'中阻止了脚本执行,因为文档的框架是沙箱并且未设置'allow-scripts'权限.
我没有从第三方网站或其他地方调用该页面,这可能会注入我的来源并使其显示在iframe中.我检查了代码,我可以确认根本没有iframe.
顺便说一下,我使用的是旧版Chrome(26)和Firefox(10)[组织限制].这也发生在IE11上(虽然没有显示错误信息)页面没有加载.
可能是什么导致了这个？我在这里错过了什么吗？任何指针都将非常感激.
下面是我正在尝试做的快照...琐碎的部分修剪出来..
<html lang="en" ng-app="dashboard">
<head>
<title>Dashboard</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/ui-bootstrap-tpls-0.6.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/notifications.js"></script>
<style>
body { background-color: #F3F3F4; color: #676a6c; font-size: 13px;}
</style>
<script>
var dashboardApp = angular.module('dashboard', ['ui.bootstrap', 'notificationHelper']);
Type = {
APP : 0, CTL : 1
}
function DashboardCtrl($scope, $location, $timeout, $http, $log, $q) {
$scope.environments = [ { ... }];
$scope.columns = [ { ... } ];
$scope.Type = window.Type;
$scope.applications …