方法在预检响应中，Access-Control-Allow-Methods不允许PATCH

Question

我在ReactJS中使用axios PATCH方法来更新记录但是它失败并出现以下错误

  

无法加载http://192.168.99.100:8080/adslots/883：预检响应中的Access-Control-Allow-Methods不允许使用方法PATCH。

这是我的行动：

  servicesAndHeads?: {
      [key: string]:ServicesAndHead,
      majorHeads?: {
        [key: string]:MajorHead
      };
  };

我完全糊涂了。

Answer 1

您正在进行调用的api必须允许PATCH请求。他们可以通过将Access-Control-Allow-Methods标头设置为也包含Patch来完成此操作。查看如何使用api使用的任何服务器端语言执行此操作。您也可以尝试将您的呼叫切换到POST请求，但这更像是一个临时修复。

Answer 2

我认为这与您后端的CORS设置有关。您必须在CORS设置中允许PATCH请求。你使用什么样的后端服务器？

Answer 3

试试这个解决方案：

1. 转到已定义所有中间件的 app.js 文件。

2. 打开终端并输入命令“npm install cors”，然后按回车。

3. 现在在您的文件中编写以下代码：

   const cors = require("cors");
   
   const app = express();
   
   app.use(cors());
   

希望它能成功！

Answer 4

您可以使用任何 cors 扩展/插件使其在浏览器中工作。 另外，请确保您已配置扩展设置，有时扩展设置中未列出 PATCH 请求

乐于助人！