Node Express服务器在Ajax上没有响应

5

我刚接触node.js,遇到了cors问题。我正从一个express服务器发送客户端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)。

当我在我的电脑上本地运行节点服务器时,一切都正常。而且curl命令也可以正常工作。

这是由于托管/端口问题还是我还是缺少了什么?


可能是重复的问题:如何在Express/NodeJS中允许CORS? - Ray Nicholus
2个回答

4

在$ajax调用中,您不需要设置CORS头,因为这些头是由浏览器在HTTP响应标头中要求的。

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

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

在您的Express端点中处理CORS请求的一种简洁的方法是创建一个中间件,将其添加到响应跨域请求的Express路由中:
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();
};

然后,请确保将中间件添加到express端点:
app.post(url, cors, function(req, res) {
});

3
好的,我最终意识到我的问题在于设置服务器的URL地址。我用真实的域名替换了所有的“localhost”,在node.js中设置了cors模块,一切都正常工作了。再次感谢您的时间和想法。 - Eidam

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();
});

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接