错误选项 net::ERR_CONNECTION_REFUSED

Question

我正在使用“jQuery”（前端）和“Python”（后端）开发一个 Web 应用程序。在发出 PUT 请求以更新数据库中的详细信息时，这是我在控制台中遇到的错误：

OPTIONS "REST API URL" net::ERR_CONNECTION_REFUSED

我的 jQuery 代码是：

$.ajax({ 
    type: "PUT",
    url: "REST API URL",
    headers: {"Content-Type": "application/json", "Authorization": AuthToken},
    data: "details to be updated in database",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data,status) {
      //do something with data
    },
    error: function(data,status) {
      //show error data and status
    }
)};

我了解了除 GET 和 POST 之外的 HTTP 请求如何首先作为 OPTIONS 请求进行预飞行，并且只有当它是真正的请求时，它才会作为 PUT/DELETE/PATCH 请求进行处理。
我看到解决方案说它可能是CORS 问题，但CORS 从后端启用 以允许GET/POST/PUT/PATCH/DELETE 请求。此外，我能够成功发出 GET 和 POST 请求，但没有通过 PUT 请求。
我正在使用“Chrome 开发工具”并研究了如何通过清除缓存和 cookie、刷新 DNS 和重新安装 Chrome 来修复 Chrome 的此错误，但到目前为止没有任何解决方案有效。
我正在制作前端 UI，不确定这是客户端错误还是服务器端错误？
任何帮助将不胜感激。

Answer 1

鉴于这确实是一个 CORS 问题 - 浏览器使用 OPTIONS 方法“预检”请求。在 OPTIONS 请求成功后，实际请求（在您的情况下为 PUT）发出。

确保后端响应 OPTION 请求。您可以轻松捕获所有 OPTION 请求并返回 200 OK 或 204 NO CONTENT。

Answer 2

有一点是肯定的，这是一个后端问题。当后端和前端之间的跨源通信未正确连接时，就会发生这种情况。考虑到您已经导入了 cors 并设置了中间件，很可能您在原始 URL 和请求 URL 方面使用 PUT 方法时出错了。

你可以做的事情：

1) 确保两台服务器都在运行（后端和前端）。

2）查看谷歌开发工具并查看网络部分。查看请求标头和一般信息。确保 request URL / backend 有你的后端服务器 URL，orgin / frontend 有你的前端 URL。

3) 确保在您的 http.put() 方法中，您提供给它的域与您在服务器中设置的 api 匹配。

4) 你的问题是你的后端没有正确连接你的前端，所以不要浪费你的时间去寻找其他错误。专注于调试 http.put() 方法以及您导入的 cors 模块和中间件。