Что делаю не так при обращении к серверу?

Question

[kr_ilya]

Всю голову сломал, не понимаю...
Выполняю из компонента vue axios post запрос
Сервер обрабатывает так:

var bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());

app.post('/punycode', (req, res) => {
  res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "GET, PUT, PATCH, POST, DELETE");
    res.header("Access-Control-Allow-Headers", "Content-Type");
  console.log(req.body);
});

Если передаю такие данные:

var postData = {
          type: 'text',
          pdata: this.text
        }
const str = JSON.stringify(postData);
//передается str

От сервера в консоль в таком случае получаю это:

[Object: null prototype] { '{"type":"text","pdata":"Введите текст"}': '' }

А если передаю просто

var postData = {
          type: 'text',
          pdata: this.text
        }

То уже в консоль браузера получаю это:

Что не так?
Axios выполняется так:
Файл api.js

import axios from 'axios'
var domen = 'localhost'
export default() => {
  return axios.create({
    baseURL: '//' + domen + ':3000'
  })
}

Файл service.js

import Api from '@/services/Api'

export default {

  Pr (params) {
    return Api().post('abc', params)
  },

Comments

[RidgeA]

нельзя просто так взять и загуглить тест ошибки ...

[kr_ilya]

Я первым делом в гугл пошел

Answer 1

[grinat]

Не хватает
app.options('/punycode', (req, res) => {

})
Больше инфы в mdn, там очень подробно разжевано.

Для экспереса есть модуль cors, он сам это все делает. Также как боди парсер подключается.

Comments

[kr_ilya]

Вроде всё правильно сделал, добавил cors, ошибки пропали, вот только теперь отправляется 2 запроса, первый из которых
вот такой:

Request URL: http://127.0.0.1:3000/punycode
Request Method: OPTIONS
Status Code: 204 No Content
Remote Address: 127.0.0.1:3000
Referrer Policy: no-referrer-when-downgrade

и никакие данные он не передает. после него сразу же идет второй нормальный запрос. Что за фигня? Нормально?
На сервере:

app.post('/punycode', (req, res) => {
  console.log(req.body);
});
app.options('/punycode', (req, res) => {
  res.send('Hello World!');
  console.log(req.body);
})

[Алексей Ярков]

Energy2,

Нормально?

Абсолютно.
Если юзаете пакет cors, то обработчик options не нужно писать.