잉

로그인/아웃 처리는 jwt를 발행/폐기 하는 방식으로 처리 한다. 발급된 토큰정보는 웹브라우저의 localStorage에 저장한다. 백엔드 서버에 전송할때 토큰은 request.headers.token에 전송 한다. (백엔드의 API를 확인할 것) 응답 받을때 토큰은 response.headers.token에 전송 받는다. (백엔드의 API를 확인할 것) 참고 우리는 별도의 헤더 정보를 사용하며 Bearer를 사용하지 않는다. 로그인 화면 로그인 화면은 상단의 app-header부분 없이 독립된 디자인의 페이지로 생성하도록 한다. 1) 로그인용 index.vue 파일 생성 라우터를 처리할 index.vue파일을 생성 한다. /src/views/auth/index.vue 2) 로그인 페이지 생성 로그인용 ..

Axios UserList: http://localhost:8080/test-user/list UserInfo: http://localhost:8080/test-user/info 백엔드의 RestAPI를 호출하기 위해서 axios를 설치 한다. Axios란? https://github.com/axios/axios 1) Axios 설치 > npm install axios vue-axios --save 2) axios 함수 파일 생성 다음과 같이 axios를 처리하는 함수를 만들어서 사용하도록 한다. /src/store/apiUtil.js import axios from 'axios' const api = axios.create() export default api 향후 위 파일에서 api.intercept..