POST 400 (неверный запрос) Неожиданный токен o в JSON в позиции 1

Question

Я пытаюсь передать данные из моего клиента в сценарий на стороне сервера, но моя программа отвечает POST http://localhost:3005/v1/account/login 400 (Bad Request), но всякий раз, когда я пробую это на почтальоне, он всегда работает правильно,

Это мой коддля запроса данных поста к моему серверу NodeJS с помощью моего приложения ReactJS:

fetch(config.endPoint.login, {
        method: 'POST',
        headers: {"Content-Type": "application/json"},
        body: {
            username: this.state.username,
            password: this.state.password
        }
      }).then((response) => {
        if(response.error_code == 0) {
          console.log(response);

          this.props.history.push("/main");
        } else {
          alert('login failed!');
        }
      }).catch((err) => {
        console.log(err);
        alert('Error\nplease check your network connection and try agian!');
      }); 

хорошо, я использую этот запрос, когда я создаю реактивное приложение из моих предыдущих проектов, и оно работает хорошо, поэтому я неНе думаю, что что-то не так с моим методом запроса данных к серверу

Это мой контроллер, который обрабатывает запрос API на этом маршруте входа в систему

// '/v1/account/login'
api.post('/login', passport.authenticate(
    'local', {
        session: false,
        scope: []
    }
), generateAccessToken, respond);

И это мое промежуточное ПО, которое обрабатываетчто API-запросы и ответ

let authenticate = expressJwt({secret: SECRET});

let generateAccessToken = ( req, res, next ) => {

req.token = req.token || {};
req.token = jwt.sign({
    id: req.user.id
}, SECRET, {
    expiresIn: TOKENTIME
});
   next();
}

let respond = (req, res) => {
    Account.findOne({_id: req.user._id}, (err, account) => {
        if(err) {
            res.send(err)
        }
        let user_token = sha256.x2(Math.floor(new Date() / 1000) + account._id + config.serverCode + config.serverKey)
        account.user_token = user_token;

        account.save(err => {
            if(err) {
                res.send(err);
            }

            res.status(200).json({
                status: 'success',
                error_code: 0,
                user_token: user_token,
                user_id: req.user._id,
                user: req.user.username,
                token: req.token
            });
        });
    });
}

А потом у меня появляется ошибка, говорящая, что Access to fetch at 'http://localhost:3005/v1/account/login' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Итак, я исследовал и нашел написать этот код в моем index.js файле

app.use(function (req, res, next) {

// Website you wish to allow to connect
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');

// Request methods you wish to allow
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

// Request headers you wish to allow
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

// Set to true if you need the website to include cookies in the requests sent
// to the API (e.g. in case you use sessions)
res.setHeader('Access-Control-Allow-Credentials', true);

// Pass to next layer of middleware
next();
});

А теперь у меня ошибка: POST http://localhost:3005/v1/account/login 400 (Bad Request)

И я исследовал и вижу, что кто-то говорит, что

Плохой запрос означает, что вы 'пытаемся получить данные из объекта запросат используя недействительные ключи. см. Здесь

но я не вижу неправильных данных, которые я передаю,

Я передаю данные с помощью почтальона в следующем формате:

{
    "username": "yoyo929",
    "password": "12345678"
}

И это хорошо работает, что не так с моими кодами?

Я также вижу эту ошибку на моем терминале nodejs

SyntaxError: Unexpected token o in JSON at position 1
at JSON.parse (<anonymous>)
at parse (F:\project\galaxy\node_modules\body-parser\lib\types\json.js:89:19)
at F:\project\galaxy\node_modules\body-parser\lib\read.js:121:18
at invokeCallback (F:\project\galaxy\node_modules\raw-body\index.js:224:16)
at done (F:\project\galaxy\node_modules\raw-body\index.js:213:7)
at IncomingMessage.onEnd (F:\project\galaxy\node_modules\raw-body\index.js:273:7)
at emitNone (events.js:106:13)
at IncomingMessage.emit (events.js:208:7)
at endReadableNT (_stream_readable.js:1064:12)
at _combinedTickCallback (internal/process/next_tick.js:138:11)
at process._tickDomainCallback (internal/process/next_tick.js:218:9)

Answer 1

Данные, которые вы передаете для извлечения, должны быть преобразованы в строку, иначе что-то вроде [object Object] будет передано в:

fetch(config.endPoint.login, {
    method: 'POST',
    headers: {"Content-Type": "application/json"},
    body: JSON.stringify({
        username: this.state.username,
        password: this.state.password
    })
  }).then((response) => {
    if(response.error_code == 0) {
      console.log(response);

      this.props.history.push("/main");
    } else {
      alert('login failed!');
    }
  }).catch((err) => {
    console.log(err);
    alert('Error\nplease check your network connection and try agian!');
  }); 

Надеюсь, это поможет!