Javascript 飞行前的响应具有无效的HTTP状态代码404
我正试图在Javascript 飞行前的响应具有无效的HTTP状态代码404,javascript,angularjs,node.js,Javascript,Angularjs,Node.js,我正试图在AngularJS中为nodeJS本地服务器准备一个Delete请求: this.deleteMusician = function(id) { $http({ url: 'http://localhost:3000/musicians/' + id, method: "DELETE", data: {} //processData: false, /
AngularJS
中为nodeJS
本地服务器准备一个Delete
请求:
this.deleteMusician = function(id) {
$http({
url: 'http://localhost:3000/musicians/' + id,
method: "DELETE",
data: {}
//processData: false,
//headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function (data, status, headers, config) {
console.log(data);
}).error(function (data, status, headers, config) {
console.log(data);
});
};
我的nodeJS
路线如下所示:
app.delete('/musicians/:id', musicians.delete);
通过邮递员的同样请求也有效,但在谷歌Chrome上我得到:
OPTIONS http://localhost:3000/musicians/5628eacaa972a6c5154e4162 404 (Not Found)
XMLHttpRequest cannot load http://localhost:3000/musicians/5628eacaa972a6c5154e4162. Response for preflight has invalid HTTP status code 404
CORS已启用:
var allowCrossDomain = function(req, res, next) {
// Website you wish to allow to connect
res.setHeader('Access-Control-Allow-Origin', 'http://localhost');
// Request methods you wish to allow
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
// Request headers you wish to allow
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
// Set to true if you need the website to include cookies in the requests sent
// to the API (e.g. in case you use sessions)
res.setHeader('Access-Control-Allow-Credentials', true);
// Pass to next layer of middleware
next();
};
应用程序使用(allowCrossDomain) 您需要将节点服务器配置为也使用选项方法。请检查其他选项 因此: 以及:
根据使用的中间件,您需要在服务器基础设施上启用CORS,因为这似乎是一个跨域请求。
app.options('/musicians/:id', optionsCB);
exports.optionsCB = function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'DELETE');
res.header('Access-Control-Allow-Headers', 'X-Requested-With,Content-Type');
next();
}