Публикация данных формы с Vue внешним интерфейсом с Ax ios до Express внутреннего интерфейса - PullRequest
Новая
       8

Публикация данных формы с Vue внешним интерфейсом с Ax ios до Express внутреннего интерфейса

0 голосов
/ 28 февраля 2020

У меня есть базовая форма c bootstrap - vue, и я пытаюсь опубликовать данные формы с помощью Ax ios на Express.

Пока, на данный момент Мой ответ req.body выглядит следующим образом: body: { '{"name":"","country":"","message":""}': '' }

Я был бы очень признателен за помощь, как я мог решить эту проблему. Я не могу понять это.

Форма: 

<b-form @submit="onSubmit">
<b-form-input v-model="form.name" required></b-form-input>
<b-form-input v-model="form.country" required></b-form-input>
<b-form-input v-model="form.message" required></b-form-input>

Метод: 

  methods: {
    onSubmit (evt) {
      evt.preventDefault()
      axios.postForm(this.form)
    }
  }

Топор ios: 

const AXIOS = axios.create({
    baseURL: 'http://localhost:8081', // I'm running my node server here
    timeout: 5000,
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
});

export default {
    postForm (form) {
        return AXIOS.post(`/newmessage/`, form)
    }
};

Express: 

// ..require stuff here

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

app.post('/newmessage/', (req, res) => {
    console.log(req.body)
});

1 Ответ

0 голосов
/ 28 февраля 2020

Исправлено:

Метод: 

  methods: {
    onSubmit (evt) {
      evt.preventDefault()
      axios.postForm(JSON.stringify(this.form))
    }
  }

Топор ios: 

const AXIOS = axios.create({
    baseURL: 'http://localhost:8081',
    timeout: 5000,
    headers: { 'Content-Type': 'application/json' }
});

Express: 

app.use(bodyParser.json());
...