为什么我的请求使用 Axios 将帖子转为选项？

Question

为什么我得到这个第一个 CORS 然后发布请求自动变成选项，

我只需单击按钮就可以在本地运行它，当我第一次获得 CORS 时，我添加了 header 以及您可以在下面的代码中看到。

var postData2= {
            "input_text": "انسان سب سے بڑی غلطی اس وقت کرتا ہے جب وہ اللہ کی طرف سے دی گئی ڈھیل کو اس کا کرم سمجھنے لگتا",
            "output_lang": "ENG",
            "name": "zahid",
            "contact": "4646468"
        }
        console.log(postData2);
        let axiosConfig = {
            headers: {
                'Content-Type': 'application/json;charset=UTF-8',
                "Access-Control-Allow-Origin": "*",
            }
          };

        axios.post('http://95.217.98.30:8000/u2r/convert', postData2 , axiosConfig)
        .then((res) => {
        console.log("RESPONSE RECEIVED: ", res);
        })
        .catch((err) => {
            console.log("AXIOS ERROR: ", err);
        })

我在控制台中收到此错误

Access to XMLHttpRequest at ' http://95.217.98.30:8000/u2r/convert ' from origin ' http://localhost:3000 ' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header 存在于请求的资源上。

Answer 1

你的代码没有错。 这是一种浏览器级别的安全性，可以限制从其他域接收到的响应。 尽管您在请求 header 中添加了“Access-Control-Allow-Origin”：“*”，但它不会解决您的问题。 应将相同的 header 添加到您的响应 header 中。 这应该从您的服务器端代码完成。 请通过下面的页面 go 在您的服务器端实现它。 https://enable-cors.org/server.html