通过 jquery ajax 调用外部 API 在控制台中出现“csp:blocked”错误

Question

我正在尝试通过 ajax 调用调用外部示例 api，但在控制台网络中出现“csp:blocked”错误。

请查看以下代码：

$.ajax({
url : "https://jsonplaceholder.typicode.com/posts/1",
contentType: 'application/json',
type: "POST",
data : {}
success: function(result)
{

    //data - response from server
},
error: function ()
{

}
});

它在调试时既不会成功也不会失败，但两者都失败了。我用谷歌搜索了它，但混淆了它是内容安全阻止错误还是跨源 ajax 帖子。

提前致谢。

Answer 1

将此添加到您的 CSP：

connect-src https://jsonplaceholder.typicode.com/ ;