小编Ven*_*kat的帖子

在<URL>中阻止脚本执行.因为文档的框架是沙箱,并且未设置"allow-scripts"权限

我知道如果我们在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 …

Run Code Online (Sandbox Code Playgroud)

javascript google-chrome jenkins angularjs

Ven*_*kat

2019 05-16

39
推荐指数

4
解决办法

4万
查看次数