发送OPTIONS和POST的jQuery.ajax,如何处理Express.js(Node.js)

时间:2013-07-17 02:15:29

标签: jquery node.js post express http-headers

每当我的应用程序向服务器发送ajax请求时:

$.ajax({
    url: config.api.url + '/1/register', 
    type: 'POST', 
    contentType: 'application/json',
    data: /* some JSON data here */,

    /* Success and error functions here*/
});

它发送以下两个请求:

Request URL:https://api.example.com/1/register
Request Method:OPTIONS
Status Code:404 Not Found

随后是适当的POST所有数据。因为我这样处理路线:

expressApp.post('/1/register', UserController.register);

此路线没有.options,它始终以404结尾。几乎所有方法都是一样的。 This question在接受的答案之下的两个答案中谈了一点,但我不太清楚该怎么做。

我该如何处理?我应该添加.options路由吗?如果是,应该怎么做?

1 个答案:

答案 0 :(得分:5)

我实际上是在今天处理了这个问题。这是解决我问题的the gist


Node.js跨源POST。您应首先响应OPTIONS请求。这样的事情。

if (req.method === 'OPTIONS') {
      console.log('!OPTIONS');
      var headers = {};
      // IE8 does not allow domains to be specified, just the *
      // headers["Access-Control-Allow-Origin"] = req.headers.origin;
      headers["Access-Control-Allow-Origin"] = "*";
      headers["Access-Control-Allow-Methods"] = "POST, GET, PUT, DELETE, OPTIONS";
      headers["Access-Control-Allow-Credentials"] = false;
      headers["Access-Control-Max-Age"] = '86400'; // 24 hours
      headers["Access-Control-Allow-Headers"] = "X-Requested-With, X-HTTP-Method-Override, Content-Type, Accept";
      res.writeHead(200, headers);
      res.end();
} else {
//...other requests
}

将此信息放在您遇到此问题请求的任何位置。我将它设置为checkIfOption函数变量并调用它:

app.all('/', function(req, res, next) {
  checkIfOption(req, res, next);
});

//...other requests的地方,我打电话给next();

这对我有用。