[태그:] form

  • axios 사용시 폼 데이터 전송하기 (+파일 업로드)

    axios 사용시 폼 데이터 전송하기 (+파일 업로드)

    axios 의 post 기능은 기본적으로 폼 데이터 전송방식을 사용하지 않기 때문에 서버쪽에서 파라메터를 받는 부분을 수정할 수 없는 상황이라면 문제가 됩니다. 보통 외부 API 서비스를 사용할 때 많이 발생하지요.

    // 보통 axios 는 아래와 같이 보내게 된다. 
    // 이렇게 보내면 폼 전송형식이 아닌 JSON 포맷으로 전송하게 된다.
    axios.post('https://domain/form-post-url', {
      name: '이름'
      key: '값'
    }).then((response) => {
      // 응답 처리
    })
    .catch((error) => {
      // 예외 처리
    })
    (더 보기…)