Как сделать post запрос axios во vuex?

1
2
3
4
5
6
7

actions: {
  async postData({commit}, data) {
    const url = 'https://example.com/api/post-data'
    const response = await axios.post(url, data)
    commit('setResult', response.data)
  }
}

1
2
3
4
5

mutations: {
  setResult(state, result) {
    state.result = result
  }
}

1
2
3
4
5

methods: {
  submitForm() {
    this.$store.dispatch('postData', this.form)
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<template>
  <form @submit.prevent="submitForm">
    <input type="text" v-model="form.name">
    <input type="email" v-model="form.email">
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: '',
        email: ''
      }
    }
  },

  methods: {
    submitForm() {
      this.$store.dispatch('postData', {
        name: this.form.name,
        email: this.form.email
      })
      this.form.name = ''
      this.form.email = ''
    }
  }
}
</script>