首页 / JAVASCRIPT / javascript-预检响应具有无效的HTTP状态代码404 angular js

javascript-预检响应具有无效的HTTP状态代码404 angular js

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-预检响应具有无效的HTTP状态代码404 angular js，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1756字，纯文字阅读大概需要3分钟。

内容图文

我正在尝试在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);

通过PostMan进行的相同请求有效,但是在Google 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();
};

app.use(allowCrossDomain);

解决方法:

您还需要配置节点服务器以使用选项方法.请检查其他answer

所以：

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

内容总结

以上是互联网集市为您收集整理的javascript-预检响应具有无效的HTTP状态代码404 angular js全部内容，希望文章能够帮你解决javascript-预检响应具有无效的HTTP状态代码404 angular js所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/662865.html

来源：【匿名】