Question

我正在尝试使用Axios在ReactJs中调用POST请求，但出现错误。代码：

$builder
    ->add('article', 'entity', array('class' => 'AppBundle\Entity\Article',
                'choice_label' => 'name',
                'choices' => $articles,
                'multiple' => false))

但这给了我错误：

无法加载https://stageapi.myapi.com/v3_2/user/splash：飞行前响应没有HTTP正常状态。

请帮助我这里有什么问题。我是ReactJS的新手，正在从移动应用程序开发环境迁移。我已经使用了很长时间，尝试了每种适用于axios POST的方法，包括将formdata附加到正文中。还是一样。

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

Answer 1

     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);
    });

Answer 2

当您要发出发布请求时，需要像这样对正文请求进行字符串化处理：

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

使用axios的ReactJS POST请求

2 个答案: