为什么我的请求将 post 转为 Axios 选项？

Question

为什么我先得到这个 CORS 然后 Post 请求自动转换为 OPTION，

我运行在我的本地只需单击按钮即可，当我第一次获得 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);
        })

我的控制台出现这个错误

对“http://95.217.98.30:8000/u2r/convert' from origin 'http://localhost:3000”处的 XMLHttpRequest 的访问已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：'Access-Control-Allow-Origin' header 不存在于请求的资源。

Answer 1

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

为什么我的请求将 post 转为 Axios 选项？

Why My Request turn post to option with Axios?

cross-domain

reactjs

axios