vue.js/vue.js 기능
[vue.js] CORS 해결 방법
서론 VueJS에서 axios를 이용하여 api를 받아오려고 시도했는데 CORS 문제가 발생하여 해결 방법을 정리해보도록 한다. 소스 axios.post("http://localhost:9090/iamgeUpload", formData, { headers: { "Content-Type": "multipart/form-data", }, }) .then((res) => { console.log("res.data :", res.data); }); 문제 Access to XMLHttpRequest at 'http://localhost:9090/iamgeUpload' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Co..
[vue.js] npm audit 을 확인하여 취약점 해결방법
문제 vue.js 프로젝트를 npm i로 실행시 오류사항이 발견되어 수정 하는 방법을 정리하고자 합니다. console PS C:\workspace\test-project1> npm i npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN ..
[vue.js] object 데이터 빈값 체크하여 버튼 disabled 제어
서론 vue를 개발하면서 저장 버튼을 disabled 할일이 많이 있는데 배열 데이터를 체크하여 버튼 disabled 제어하는 방법을 정리하고자 한다. HTML 소스 회원가입 - 가입정보 아이디 필수 정보입니다. 비밀번호 유효하지 않은 비밀번호 입니다. 비밀번호 재확인 비밀번호가 동일하지 않습니다. 비밀번호 힌트 선택하세요 {{ item.text }} 답변 다음 페이지 설명 해당 html은 https://hjh0827.tistory.com/24 에서 자세히 설명되어있으므로 pass. 1. 배열 데이터 empty 체크 설명 메소드 replaceEnter : 엔터값을 정규식을 이용해 치환한 메소드로 치환값이 있다면 해당 값으로 치환하고 없다면 '/' 으로 치환한다. emailCheckFlag : 전달값을 이..