axios

공개/Vue

[Vue.js] Axios를 이용해 FormData 이미지 보내기

2023.02.17

현재 vue.js 와 springboot 를 통신 중인데, 이미지 업로드를 시도하고 있다. form으로 전체를 감싸는 것 말고, 폼 데이터로 보내는 법을 기록해보겠다! vue.js 사진: @change 를 활용해 input을 했을 때 setPhoto라는 함수를 실행하게 했다. accept 로 파일은 image만 가능하게 한다. methods: { setPhoto(){ let frm = new FormData(); let photoFile = document.getElementById("photo"); frm.append("photo", photoFile.files[0]); axios.post("/api/photo", frm, { headers: { 'Content-Type': 'multipart/form..

공개/Vue

[Vue.js] Axios 알아보기

2023.01.10

📌Axois? 뷰에서 권고하는 HTTP 통신 라이브러리(Promise 기반) Vue.js에 종속되는 것은 아니고, 다른 js에서도 많이 사용됨 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어 있고 API가 다양함 📌설치 NPM 방식 npm install axios 📌 사용방법 get data new Vue({ el: '#app', methods: { fetchData: function() { axios.get('/todos/save') .then(function(response) { console.log(response); }) .catch(function(error) { console.log(error); }); } } }) .then 비동기 통신 성공했을 때 콜백을 인자로 받아 결과..

[Vue.js] Axios를 이용해 FormData 이미지 보내기

[Vue.js] Axios 알아보기

티스토리툴바