jquery - nginx，jquery - 执行 POST 时出现 Access-Control-Allow-Origin 错误

Question

这是我在 chrome 控制台中看到的错误。

XMLHttpRequest 无法加载 {URL}。Access-Control-Allow-Origin 不允许来源 {URL}。

我尝试为 CORS 配置我的 NGINX：

location / {
    if ($http_origin) {
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods "GET,POST,OPTIONS";
    }

但这似乎没有帮助。

jquery 调用如下所示：

var submissionData = '{"tweet_id":"'+tweet_id+'", "question_id":"'+question_id+'", '+choiceString+', "extra_passback":"'+extra_passback+'"}';
$.post("http://ec2[...].amazonaws.com/question/answer/", submissionData, function(data) {console.log("success");});

我什至不确定问题出在 jquery 还是 nginx 上。

Answer 1

基于这篇文章，我添加了两个额外的标题（除了你在上面的问题中提到的两个），它适用于我，使用 JQuery json 跨域请求：

add_header         Access-Control-Allow-Headers   Content-Type;
add_header         Access-Control-Max-Age         86400;