javascript - 错误选项 net::ERR_CONNECTION_REFUSED

Question

我正在使用“jQuery”(前端)和“Python”(后端)开发一个网络应用程序。在发出 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 并设置了中间件，很可能您在使用 PUT 方法时在原始 URL 和请求 URL 方面犯了错误。

你可以做的事情:

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

2) 查看谷歌开发工具并查看网络部分。查看请求 header 和一般。确保请求 URL/backend 包含您的后端服务器 URL，org/frontend 包含您的前端 URL。

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

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