분류 전체보기

반응형

    [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]quill editor file upload base64에서 DB 저장으로 변경 처리

    서론 지난번 프로젝트에서 사용한 quill editor 에서 이미지 업로드시 base64로 들어가는 부분을 이미지 업로드시 DB 저장으로 변경하는 로직으로 변경했던 방법을 정리하고자 한다. 소스 html 설명 quill editor에 toolbar에 editorOption으로 setting @ready를 이용하여 이미지 툴바 제어 script 확인

    [JAVA] REST API 구현하기 (1) - 프로젝트 생성 및 실행(feat.SpringBoot)

    서론 프론트 개발을 하면서 Rest Api 호출 테스트를 하기 위해 Rest Api 를 만들어 보려고 합니다. 1. 프로젝트 생성 STEP1 file > new > Sprint Stater Project 클릭 STEP2 name 선언하고 Next 클릭 STEP3 Spring Web 선택하고 Next 클릭 STEP4 Next 클릭 생성 로딩후 프로젝트가 생성됩니다. API 테스트 서버 start 서버를 start하고 localhost:8080을 호출하여 메소드 호출을 확인한다. 서버는 정상적으로 떴지만 현재 메소드가 없으므로 에러 페이지가 노출됩니다. 테스트 api 생성 이제 호출 가능한 테스트 api를 생성해보겠습니다. 사진과 같이 /apiTest/src/main/java/com/example/demo ..

반응형