节点表达服务器不响应ajax

时间:2014-02-26 15:14:59

标签: ajax node.js express cors

我是node.js的新手并且遇到了cors问题。我正在从一个快递服务器向另一个快递服务器发送客户端ajax get请求,但至少我无法从app.all('*', function(req, res, next){console.log("request: "+req)})获得响应 GET请求类似于:

$.ajax({
    type: 'GET',
    url: 'http://localhost:8082/request'
});

我还在ajax中设置标题:

'beforeSend : function(xhr) {
    xhr.setRequestHeader('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
    xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
    xhr.setRequestHeader('Access-Control-Max-Age', '1000');
    xhr.setRequestHeader('Authorization', '*')},

...或在node.js中设置cors模块:

var cors = require('cors');
var app = express();
app.use(cors());
app.options('*',cors(),function(){
console.log("preflight")
});

在firefox和chrome中,我都没有收到任何回复(在Chrome中我得到了net::ERR_CONNECTION_REFUSED) 在我的PC上本地运行节点服务器时,一切正常。 curl命令工作正常。 有机会,这是托管/端口的问题还是我还缺少什么?

2 个答案:

答案 0 :(得分:4)

您不需要在$ ajax调用上设置CORS标头,因为浏览器在HTTP Response 标头中需要这些标头。

对于跨域AJAX,请确保在$ ajax选项上设置crossDomain标志:

$.ajax({
  url: url,
  type: 'POST',
  data: payload,
  dataType: 'json',
  crossDomain: true
})

在快速端点中处理CORS请求的一种简洁方法是创建一个中间件,您可以添加该中间件来表示响应跨源请求的路由:

<强> cors.js

module.exports = function(req, res, next) {
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
  res.header('Access-Control-Allow-Headers', 'Content-Type');  
  next();
};

然后确保将中间件添加到快速端点:

app.post(url, cors, function(req, res) {
});

答案 1 :(得分:1)

我遇到了同样的问题并解决了这个问题:

app.use(function(req, res, next) {
   res.header("Access-Control-Allow-Origin", "*");
   res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
   next();
});