[Vue.js] Axios로 Post 하는 방법

우선 axios가 사용 되는 소스 코드의 위치는 다음과 같다.

src/store/index.js

import axios from "axios";

export default new Vuex.Store({
  state: {},
  mutations: {},
  actions: {
    functionName({commit}, payload) {
      return new Promise((resolve, reject) => {
        var params = new URLSearchParams();
        params.append('var1', payload.var1);
        params.append('var2', payload.var2);
        params.append('var3', payload.var3);
        .
        .
        .
                   
        axios
          .post(url, params, {
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded',
            }
          })
          .then(res => {
            console.log(res)
          })
          .catch(err => {
            console.log(err)
          })
      });
    },
  },
  modules: {},
});

여기서 가장 중요한 부분은
URLSearchParams로 생성된 params이다.