javascript - 使用返回错误 500 的 FormData 删除请求

Question

我正在通过带有 id 的 API 路径发送带有包含 URL 的表单数据的请求来删除附件

deleteAttachment(id, url) {
    const formData = new FormData();
    formData.append('url', url);
    const config = {
      headers: {
        'content-type': 'multipart/form-data',
      },
    };
    return Repository.delete(`${resource}/delete-file/${id}`, formData, config);
  },

当我控制它并返回正确的值时，id 和 url 没有问题。我已经使用 content-type: json/application 测试了 postman 应用程序，它说请求没有 multipart/form-data 内容类型。然后我通过 key = url 和 value = url 中的键将内容类型更改为表单数据，它已成功删除。但是此 deleteAttachment() 函数不起作用并返回此错误

xhr.js?b50d:172 DELETE https://anURLPath/api/employee/delete-file/38598 500

Access to XMLHttpRequest at 'https://anURLPath/api/employee/delete-file/38598' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

实际发生了什么以及导致此错误的原因是什么？我已经使用相同的代码来发布 API Ant ，它工作得很好。但在此删除 API 中返回错误。有人可以帮助我吗？

Answer 1

请在 Access-Control-Allow-Methods header 中添加 Delete 方法。 POST 和 GET 默认添加，但您必须在服务器端添加 DELETE 方法。

"Access-Control-Allow-Methods", "GET, POST, DELETE"