기존/🦠Vue

1. 안녕하세요 오늘은 springboot 와 vue 와 연동함에 있어서 vue 를 npm run build 를 실행하면 dist 파일이 스프링부트 /static/index.html 로 가는 설정을 진행하도록 하겠습니다. 일단 vue 프로젝트 설정한 파일로 들어가서 config.js or configs.ts 파일에 접속해서 한줄을 적어주면 됩니다. build: { outDir: "../src/main/resources/static" }, 이렇게 적어주고 나서 npm run build 를 진행시 정상적으로 index.html 이 생성되는걸 볼수 있다. 이상으로 도움이 되셨으면 좋겠습니다. 감사합니다 ~
1. 안녕하세요 오늘 vue & springboot 를 연결함에 있어서 cors 를 맞춰줘야하는 상황이 나타나는겸 axios 를 통해서 api 를 호출 받아야하는 상황이 왔습니다. axtios 를 통해서 /api 로 적힌 url 을 localhost:8080 으로 지정을 해주어 각각의 api 호출 하는곳에 설정을 진행 이렇게 진행을 하고나서 vue & springboot 서버를 가동 시키니 axios 가 작동이 안되는 오류가 발생 ** 에러 해결 방법 ** 1. proxy 서버를 / (root) 로 지정을 하고 저장후 모든 axtios Api 통신하는 부분에 기존 : /api ===> 변경 : / 로 변경해주고 서버를 재 기동하게 되면 정상적으로 작동된다. 이상으로 저의 경험담으로 작성하였습니다 . 감사..
1. boot 와 vue 와 연결해서 프로젝트를 실행 했는데 정상적으로 들어가다가 주소창으로 url 로 직접 입력해서 들어가게 되니 에러 페이지 나타났다. 2. 이유를 찾아보니 vue,react 등등 여러 자바스크립트 프레임워크들이 싱글페이지로 구성된다는점 더군다나 저같은경우는 /resources/static/index.html 에 한페이지로 보여주기때문에 그렇다. 3. 그래서 실제로는 스프링부트가 기본적으로 /static/index.html 경로로 기본으로 바라보기때문에 url 로 입력하게되면 실질적으로 없는 url 이기때문에 이것을 index.html 로 몰아 줘야한다 . 저는 Error 라는 Java 파일을 만들어주고 Error 에다가 다음의 코드를 적어주면 된다. * Error 페이지가 뜨게되면 ..
조각남자
'기존/🦠Vue' 카테고리의 글 목록