[vue.js] axios로 데이터 받을 때 param 값 처리

vue.js에서도 ajax처럼 데이터를 비동기로 받아올 수 있는데 그게 axios라고 한다.

$http였나 그걸로도 가능한 거 같던데, vue.js 개발자가 axios 쓰는 걸 권장한다고 해서 도전해봤다.

열심히 구글링해서 라이브러리 추가하고 post 방식으로 설정해 url과 param을 넣어서 보내봤는데

data가 오지 않았다. 정확히는 data에 열 몇 개의 엔터만 돌아왔다.

설정한 url에 접속하면 로그가 찍히도록 수정 후 확인하니 로그가 찍히질 않았다. 페이지에 아예 안들어오는 거 같았음.

근데 웃긴건 분명 status도 200이고 url도 data에도 설정한 값이 잘 들어가 있다.

responseUrl도 내가 설정한 URL이 그대로 들어가 있는데 값이 안 와ㅋㅋㅋ

 

이제 막 vue.js를 배우는 중인데 원인을 몰라 이것저것 뒤지다 반 정도지만 해결책을 찾아내서 써놓는다.

오늘도 이런 거 찾느라 3시간 날리고 기분이 참 좋았다.

const params = new URLSearchParams();
    params.append('param1', 'value1');
    params.append('param2', 'value2');
                
axios.post('url',params)
    .then(response => {
        if(response.status == 200){
            console.log(response);
        }
    })
    .catch(function(error){
        console.log(error);
    });