FormData как полезная нагрузка для действия vuex - PullRequest
Новая
       15

FormData как полезная нагрузка для действия vuex

1 голос
/ 12 февраля 2020

Мне нужна помощь. Есть ли способ отправить FormData в качестве полезной нагрузки для Vuex Action? 

  methods: {
    ...mapActions({
      sendMessage: 'modules/modal/send_message'
    }),
    Send() {
      this.End = !this.End
      this.AutoClose()
      this.msg.append('name', this.Name)
      this.msg.append('phone', this.Phone)
      console.log(this.msg)
      this.sendMessage(this.msg)
    },

И в действиях 

const actions = {
  send_message(payload) {
    Axios({
      method: 'post',
      url: 'http://localhost:8080/api/content/create?type=Emails',
      data: payload,
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    })
  }
}

Но сервер отвечает:

[Create] error : нет многоэлементного граничного параметра в Content-Type

1 Ответ

1 голос
/ 12 февраля 2020

Добавьте пустой {} в качестве первого аргумента к вашему действию, и оно должно работать. 

const actions = {
   send_message({}, payload) {
      ...

Обработчики действий получают объект контекста, который предоставляет тот же набор методов / свойств в хранилище экземпляр, так что вы можете вызвать context.commit для фиксации мутации или получить доступ к состоянию и получателям через context.state и context.getters.

Ссылка

...