使用axios的Reactjs POST请求[复制]

Question

这个问题在这里已有答案：

• Why is an OPTIONS request sent and can I disable it? 15个答案

我试图使用Axios在ReactJs中调用POST请求，但是收到错误。码：

const payload =
        {
            device_id: 'ASDACCAS',
            device_type: 'Web',
            device_version: '1.2',
            device_user_id: 'ASDBADKKK1234AS'
        }
        axios({
                  method: 'post',
                  url: 'https://stageapi.myapi.com/v3_2/user/splash',
                  data: payload,
                  headers: {
                  'secret-key': 'mysecretkey',
                  'Content-Type': 'application/json'
              },
              })

但是这给了我错误：

无法加载https://stageapi.myapi.com/v3_2/user/splash：预检的响应没有HTTP ok状态。

请帮我这里错了。我是ReactJS的新手，从移动应用开发环境转向。我已经这么久了，尝试了axios POST的每一种方法，包括将formdata附加到body。还是一样。

编辑：另外，我不确定它是否与CORS有关。我在chrome中安装了CORS插件。我需要在API端代码中进行任何更改吗？这是用PHP编写的。

Answer 1

当您想要发布帖子请求时，您需要像这样对字体请求进行字符串化：

axios({
    method: 'post',
    url: 'https://stageapi.myapi.com/v3_2/user/splash',
    data: JSON.stringify(payload),
    headers: {
        secret-key': 'mysecretkey',
        'Content-Type': 'application/json'
    },
})

Answer 2

     axios.post('https://stageapi.myapi.com/v3_2/user/splash', 
      payload,    
      headers: {
                'secret-key': 'mysecretkey',
                'Content-Type': 'application/json'
             }           
    })
    .then((response) => {
        console.log(response.data);
    });