Question

我在React前端应用程序中有一个基本的注册表单，它将输入参数发送到rails-api后端。

这样做的功能如下：

handleSubmit(event) {
        event.preventDefault();

        Axios.post('http://localhost:3001/auth/', {
                'password': 'password',
                'password_confirmation': 'password',
                'email': 'asdf@asdf',
                'first_name': 'asdfasdf',
                'last_name': 'wefawa',
                'handle': 'awfewwe'
        })
        .then(function (response) {
          alert(response);
          console.log(response);
        })
        .catch(function (error) {
          console.log(error);
        });
    }

当我发送此文件时，rails-api后端的参数以某种方式包含每个参数的第二个副本，嵌套在“注册”键下，从控制台日志中复制全文：

在2018-01-12 00:36:07 -0500“开始POST”/ auth /“for :: 1” 由Overrides处理:: RegistrationsController #create as HTML 参数：{“password”=＆gt;“[FILTERED]”，“password_confirmation”=＆gt;“[FILTERED]”，“email”=＆gt;“asdf @ asdf”，“first_name”=＆gt;“asdfasdf”，“ last_name“=＆gt;”wefawa“，”handle“=＆gt;”awfewwe“，”registration“=＆gt; {”password“=＆gt;”[FILTERED]“，”password_confirmation“=＆gt;”[FILTERED]“， “email”=＆gt;“asdf @ asdf”，“first_name”=＆gt;“asdfasdf”，“last_name”=＆gt;“wefawa”，“handle”=＆gt;“awfewwe”}}“

知道注册标签的来源吗？

我意识到这是一个相当具体的问题，但是非常感谢任何帮助。谢谢！

Answer 1

我自己的答案

我不得不稍微重新安排语法，但以下工作：

handleSubmit(event) {
        event.preventDefault();

        Axios.request({
            url: 'http://localhost:3001/auth/',
            method: 'post',
            params: {
                'password': 'password',
                'password_confirmation': 'password',
                'email': 'possible2@example.com',
                'first_name': 'asdfasdf',
                'last_name': 'wefawa',
                'handle': '@notusedyet2'
            },
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        })
        .then(function (response) {
          console.log(response);
        })
        .catch(function (error) {
          console.log(error);
        });
    }

React表单提交正在创建幻像参数

1 个答案: