Req.body возвращает неправильный вид объекта - PullRequest
Новая
       9

Req.body возвращает неправильный вид объекта

0 голосов
/ 28 июня 2018

Я отправляю простую регистрационную форму (POST fetch) на сервер для обработки. Однако тело запроса не принимается так, как должно.

Я ожидаю увидеть request.body = {"username": "john", "password": "password"}

Но я, когда я нахожусь в консоли, вижу {'{"username": "car", "password": "car"}': ''}

Вот мой выбор: 

fetchRegister = (e) => { //triggered when submitting Register Info
      e.preventDefault();
      const registerOptions = {
        method: "POST",
        mode: "no-cors",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        body: JSON.stringify({
          username: this.state.regUsername, //The inputChange function will set these to whatevr the user types
          password: this.state.regPassword,
        }),
    }
      fetch("http://localhost:5000/register", registerOptions)
      .then(response => response.json())
      .then(data => 
        console.log(data)
      )
    }

А вот и моя конечная точка: 

app.use(bodyParser.urlencoded({ extended: true}))
app.use(bodyParser.json());

app.post('/register', (req, res) => {
    console.log(req.body);
    const inputUsername = req.body.username;
    const inputPassword = req.body.password;

    let newUser = new User({
        userName: inputUsername, 
        password: inputPassword
    })

    bcrypt.genSalt(10, (err, salt) => {
        bcrypt.hash(newUser.password, salt, function(err, hash) {
            if(err) {
                res.send(err);
            }
            newUser.password = hash;

            newUser.save((err) => {
                if (err) {
                    console.log(err)
                    res.send(JSON.stringify({'message': 'Username is already taken'}));
                }else {
                    res.send(JSON.stringify({'message': 'you were successful'}));
                }
            })
        });
    })
})



<div id="registerForm"> 
    <form>
    <legend>Register:</legend>
    Choose a Username:<input className="reg" value={this.state.regUsername} onChange={this.inputChange("regUsername")} required></input>
   Choose your Password:<input className="reg" type="password" value={this.state.regPassword} onChange={this.inputChange("regPassword")} required></input>
    <button className="FORMbtn" onClick={this.fetchRegister} type="submit">Register Me</button>
              </form>
            </div>

Я просто хочу, чтобы стандартный объект был отправлен на мой сервер. Я понятия не имею, испортил ли это CORS или мой тип приложения. Он прекрасно работает в почтальоне.

1 Ответ

0 голосов
/ 28 июня 2018

Это была проблема с CORS. Мне пришлось установить «cors» с помощью NPM и перенести его в Express. Я мог тогда вынуть 'mode': 'no-cors', и это сработало.

...