Question

我需要帮助。无论如何，有将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'
      }
    })
  }
}

但是服务器响应：

[创建]错误：Content-Type中没有多部分边界参数

Answer 1

为您的操作添加一个空{}作为第一个参数，它应该可以工作。

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

动作处理程序收到一个上下文对象，该对象在商店实例上公开了相同的方法/属性集，因此您可以调用context.commit进行更改，或者通过context.state和context.getters访问状态和获取方法。

Reference

FormData作为vuex动作的有效负载

1 个答案: