Axios가 vuex 작업에서 여러 매개 변수를 사용하여 요청을 게시함

Axios가 vuex 작업에서 여러 매개 변수를 사용하여 요청을 게시함

vuex 작업에서 악시를 사용하여 API 데이터를 가져오는 중:

actions: {
login ({commit}, payload) {
  axios.post(globalConfig.TOKEN_URL, {
    payload
  })
    .then((resp) => {
      commit('auth_success', resp.data)
    })
    .catch((err) => {
      console.log(err)
    })
},
}

구성 요소의 데이터 전송 방법:

methods: {
  authChatClient () {
    let payload = {
      name: this.clientFio,
      number: this.clientNumber
    }
    this.$store.dispatch('login', payload)
  },
}

그러나 payload는 payload 객체로 둘러싸인 객체이기 때문에 작동하지 않습니다.구성 요소의 메서드에서 vuex 작업으로 여러 매개 변수를 전송할 수 있습니까?

투고 요청은 다음과 같습니다.payload: {name: "aaa", number: "111"}

Vuex에서는 작업에 대해 하나의 매개 변수만 사용할 수 있습니다.그러나 질문을 올바르게 이해한 경우 여러 매개 변수를 하나의 개체로 감싸면 vuex 작업으로 전송할 수 있습니다.예:

login({commit}, {name, number /*, ...more here*/}) {
    axios.post(globalConfig.TOKEN_URL, {
        name: name,
        number: number,
        /* more parameters here */
    })
    /* ... */
}

다음과 같이 문의할 수 있습니다.

methods: {
  authChatClient () {
    let payload = {
      name: this.clientFio,
      number: this.clientNumber,
      /* more parameters */
    }
    this.$store.dispatch('login', payload)
  },
}

언급URL : https://stackoverflow.com/questions/53517078/axios-post-request-with-multiple-parameters-in-vuex-action