[axios] 엑셀 파일 다운로드 기능 구현하기

엑셀 파일 다운로드

javascript 를 사용하여 a 태그에 받은데이터를 넣어서 동작 구현이 가능하다.

api에 속성과 입력값에 따라 params 값을 설정해주고 responseType 을 설정해준다

 

axios({
  url: "/report", 
  methods: "GET",
  params: {
    year: this.year,
    month: this.month,
    xls: "Y",
    xlsLimit: "300"
  },
  responseType: "blob" //responseType 설정
}).then(res => {
  const url = window.URL.createObjectURL(new Blob([res.data]));
  const link = document.createElement("a");
  link.href = url;
  link.setAttribute("download", 설정할 이름 + ".xlsx"); 
  document.body.appendChild(link);
  link.click();
});