axios post통신으로 여러개의 페이로드 전달하는 방법

Question

특정 도서는 각 id값을 가지고 있습니다.( ex) 73, 123 )예를 들어 책의 상세 정보를 보고있다하면 http://localhost:8080/도서상세조회/70 과 같이 특정 도서의 아이디 값으로 조회합니다.이제 특정 도서에 댓글을 남길때 axios post 통신으로 댓글을 작성하면 작성한 댓글을 서버에 전달해 주려고 하는데, axios.post(`/api/books/${id}/comments로 통신을 해야하기 때문에 페이로드로 도서의 id값과 코멘트 값을 같이 넘겨야 합니다. 방법이 있는지 궁금합니다. import axios from 'axios' export default { namespaced: true, state: { comment:'', starRate: '', commentList: [], }, getters: { }, mutations: { postComment(state, payload) { const {id} = payload axios.post(`/api/books/${id}/comments`, payload) } }, actions: { async postComment({ commit }, payload) { return await commit('postComment', payload) } } } methods: { async newComment() { this.$store.dispatch('commentService/postComment', { id: this.$route.params.id, comment: this.$store.state.comment, starRate: this.$store.state.starRate }) console.log(this.$store.state.comment) } }

오키동키 · Answer

const {id, comment, starRate} &#61; payload; axios.post(&#96;/api/books/${id}/comments&#96;, { comment: comment, starRate: starRate })이 걸 말씀 하신건가요?? 질문을 정확히 이해를 못해서..

GUNU · Answer

네 정확히 짚어주셨습니다현재 페이지의 북 id와 comment, starRate 를 모두 페이로드로 전달하고 싶은겁니다!

오키동키 · Answer

const {id, comment, starRate} &#61; payload; axios.post(&#96;/api/books/${id}/comments&#96;, { id: id, comment: comment, starRate: starRate })그렇군요 그러면 아이디도 따로 payload에 담아야 한다면 이렇게 보내면 안되나요??

axios post통신으로 여러개의 페이로드 전달하는 방법

3개의 답변

#vuex 목록