프론트엔드
-
axios에 전역에러처리하기 #global #error #catch #error프론트엔드/Nuxt 2023. 4. 6. 18:52
# What? - axios 후 에러있을때마다 공통으로 해주는 작업이 있을 때 전역처리하는법 # How? npm install @nuxtjs/axios @ plugins/axios.js export default function ({ $axios, redirect, store }) { $axios.onError(error => { if(error.response.status == 401) return null; // store.commit('setPop', error.message); if(error.response.status == 422) return alert("입력값을 확인해주세요."); if(error.response.data && error.response.data.message) return..
-
URL 복사 (링크 복사)프론트엔드/Vue 2023. 3. 26. 19:17
# What? 현재 보고 있는 주소 복사 # How? copy(){ var url = ''; var textarea = document.createElement("textarea"); document.body.appendChild(textarea); url = window.document.location.href; textarea.value = url; textarea.select(); document.execCommand("copy"); document.body.removeChild(textarea); alert("URL이 복사되었습니다."); }
-
파일 객체 emit할 때 주의점 #File #Object #Emit #$emit프론트엔드/Vue 2023. 2. 8. 11:30
# What? 파일 객체 emit할 때 객체 안에 담아서 emit하면 [object object]로 찍힘 # How? 아래처럼 file객체는 별도로 emit해주기 // 파일 객체는 object안에 넣어서 emit할 시 인식으로 못해서 별도로 emit해줘야함 this.$emit("changeFile", file); this.$emit("change", { name: response.data.data.file_name, url: response.data.data.original_url, html : `` }); this.$refs.file.value = null;