错误选项 net::ERR_CONNECTION_REFUSED

Question

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

选项“REST API URL”网络::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 并设置了中间件，很可能您在使用 PUT 方法时在源 URL 和请求 URL 方面犯了错误。

你可以做的事情：

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

2）查看谷歌开发工具并查看网络部分。 查看请求头和一般。 确保请求 URL / 后端具有您的后端服务器 URL，并且源/ 前端具有您的前端 URL。

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

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

Answer 2

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

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