Question

这是我之前question (unresolved)的后续内容。

.htaccess中的指令：

Header always set Content-Security-Policy "default-src 'none'; base-uri 'self'; style-src 'self'; font-src 'self'; img-src 'self'; script-src 'self' 'nonce-22os9h3sdfa'; connect-src 'self'; object-src 'self'; media-src 'self'; child-src 'none'; report-uri https://mydomain.info/csp-reporting.php"

CSP日志 - ＆gt;来自我的域名的report.txt文件： Link 从链接中删除/csp/report_2017-02-07.txt然后您获得指向我自己网站的链接

我尝试通过ajax get metod加载外部脚本：

$.ajax({
        type: 'GET',
        dataType: 'script',
         headers: {
            Accept : 'text/javascript; charset=utf-8',
            'Content-Type': 'text/javascript; charset=utf-8'
        },
        url: 'https://mydomain.info/js/library.js',/*I change url for fake on public share. My correct url is in above link*/
        /*data: { nonce: '22os9h3sdfa' }, - use attrs solution from: https://github.com/jquery/jquery/issues/3028*/
        attrs: { nonce: '22os9h3sdfa' },
        cache : true,
        jsonp: false,
        async: true,
        success: function() { console.log('xhr was send'); },
        error: function (XMLHttpRequest, status, errorThrown) {
            if (status == 'Unauthorized') { console.log(' === Error: ' + errorThrown + ' === '); }
            else { console.log(' === Error: ' + errorThrown + ' === '); }
        },
        complete: function (jqXHR, textStatus) {
            console.log(textStatus);
            console.log(jqXHR.status);
            console.log(jqXHR.responseText);
        }
    })

我花了很多时间找到错误＆amp;什么阻止脚本执行.. 需要帮助，请..

Answer 1

你似乎有不同的东西导致错误：

首先，你出现的第一批CSP错误来自于被称为“内联”的样式（在html标签中直接使用属性style=）。为此，您必须声明如下：

style-src 'self' 'unsafe-inline';
遵循相同的方案，CSP也将禁止所有内联javascript，也许不是来自你，但可以在librairies中（从未声明nonce作为源，但我相信你的话那，现在没时间搜索）：

script-src 'self' 'unsafe-inline' 'nonce-22os9h3sdfa';
你似乎加载了外部图像，虽然它没有在CSP中声明，但是尝试添加它们（你可以在路径上限制更多，*这里允许你访问指定域的所有子域））：

img-src 'self' 'https://*.amazonaws.com';
最后，您的主要问题似乎是资源本身的加载，可能是他们的订单或者是什么，但是您的加载顺序并不稳定。大多数情况下它实际上会加载lib文件，但其余的时间我有一个jquery未定义的错误（ReferenceError：$未定义）。当lib加载时，调用它时没有定义元素（jQuery.Deferred异常：未定义Swiper @ index.js：380：4）。也许你可以尝试将你的jQuery包含移动到head，或者可以声明没有这样的冲突（我从来没有看到它像你之前那样完成，不知道它是否合法）：
```
$(document).ready(function(){
    var $ = jQuery.noConflict();
    //the call of jQuery.noConflict(); makes the global $ var undefined, and returns the jQuery instance
```

希望有所帮助！

ajax不会执行或接收外部脚本

1 个答案: