带有phonegap问题的angular-google-analytics，“拒绝加载脚本”

Question

我在使用Google Analytics（分析）时遇到问题，我正在使用此角度插件angular-google-analytics 。 我看到这个错误：

Refused to load the script 'http://www.google-analytics.com/analytics.js' because it violates the following Content Security Policy directive: "default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'". Note that 'script-src' was not explicitly set, so 'default-src' is used as a fallback

我注意到当我从标题中删除此phonegap meta标记时，我没有收到此错误

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

我不知道这个meta标记是什么意思或重要性如何。 ？

错误消失后，我无法在实时视图中看到任何东西

gameApp.controller('MainController', function($scope, $location, Analytics) {
$scope.$on('$routeChangeStart', function(next, current) { 
    Analytics.trackPage($location.path());
 });
});

您能帮我解决这个问题吗？ 谢谢

Answer 1

此标记对于防止XSS或恶意“外来”脚本很重要。

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

您是否尝试过将以下内容插入上述content属性：

script-src 'self' https://www.google-analytics.com/analytics.js 'unsafe-inline' 'unsafe-eval';

通过将其列入白名单，您应该可以加载它。

在我的角度应用程序中，我使用以下代码：

$rootScope.$on('$stateChangeSuccess', function(){
  $window.ga('send', 'pageview', $location.$$path);
});

---

读

https://content-security-policy.com

https://www.w3.org/TR/2012/CR-CSP-20121115/#introduction