CORS PUT:在 jQuery.ajax 中找不到

Posted

技术标签:

【中文标题】CORS PUT:在 jQuery.ajax 中找不到【英文标题】:CORS PUT: Not found with jQuery.ajax 【发布时间】:2012-10-24 11:11:35 【问题描述】:

我想将一些原始数据发送到我的子域:

$.ajax(
    url: "http://accounts.example.com:3000/me",
    type: "PUT",
    data:  wabo: "chabo" ,
    dataType: "json",
    xhrFields: 
        withCredentials: true
    
);

浏览器现在发送两个请求:

    accounts.example.com:3000/me 的选项以检查 CORS 标头是否有效 PUT 发送数据

第一个失败,HTTP 404 Not Found。 CORS 响应标头看起来有效:

HTTP/1.1 404 Not Found
X-Powered-By: Express
Access-Control-Allow-Origin: http://node.example.com:3000
Access-Control-Allow-Methods: HEAD, GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Headers: Content-Type, X-Requested-With, Origin, Accept
Access-Control-Allow-Credentials: true
Content-Type: text/plain
Set-Cookie: connect.sid=s%3Aru8njoU2ZAnoKL2W2w%2B0BHF7.%2Fe%2FQI5f6NKRWQvWlcYEkMG7HHSxxj0haFDBUID2g45A; Domain=.example.com; Path=/
Date: Sun, 04 Nov 2012 11:31:22 GMT
Connection: keep-alive
Transfer-Encoding: chunked

在我的节点环境的 app.js 中,我有:

app.all('*', function(req, res, next) 
    res.header('Access-Control-Allow-Origin', 'http://node.example.com:3000');
    res.header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, DELETE, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, X-Requested-With, Origin, Accept');
    res.header('Access-Control-Allow-Credentials', 'true');
    next();
);

var me = require('./me');
app.get('/me', loadUser, me.show);
app.put('/me', loadUser, me.update);

从子域获取数据只是发送没问题 知道我忘记了什么吗?

问候,博多

【问题讨论】:

【参考方案1】:

试试这个:

app.all('*', function(req, res, next) 
    res.header('Access-Control-Allow-Origin', 'http://node.example.com:3000');
    res.header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, DELETE, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, X-Requested-With, Origin, Accept');
    res.header('Access-Control-Allow-Credentials', 'true');

    if( req.method.toLowerCase() === "options" ) 
        res.send( 200 );
    
    else 
        next();
    
);

【讨论】:

以上是关于CORS PUT:在 jQuery.ajax 中找不到的主要内容,如果未能解决你的问题,请参考以下文章

CORS jQuery AJAX 请求

Web API + jQuery AJAX DELETE 请求返回 404

Django jquery ajax cors错误

jQuery ajax CORS 请求

使用 jQuery .ajax() PUT 请求 API 不起作用

jQuery Ajax cors IE10 不工作