개발(라이브러리,프레임워크)79 로그인 세션관리 구현(Interceptor, jwt 토큰) 잊지 않기위해 저장저장 jwt 토큰 발급해 세션 저장하는 로직 구현 세션은 redis에 저장한다. 세션 하루 만료 기준! 세션이 발급되면 jwt토큰값은 모든 API를 헤더값에 넣어서 보내준다. 만료되면 다시 발급요청! 하기 AuthInterceptor.java @Component @Slf4j public class AuthInterceptor implements HandlerInterceptor { @Autowired private JwtUtil jwtUtil; @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { String jw.. 2021. 6. 28. v-bind / v-on / v-model v-bind 속성은 뷰 인스턴스의 데이터 속성을 해당 HTML 요소에 연결할 때 사용 v-on 속성은 해당 HTML요소의 이벤트를 뷰 인스턴스 로직과 연결할때 사용 v-model은 위에 둘다 기능의 조합으로 동작함 2021. 6. 28. API 공통화(axios) axios 설치 npm i axios --save promise 기반으로 api를 제공한다. new Promise()라는 객체를 반환해주고 .then.catch를 쓸수있다. axios.get('https://api.hnpwa.com/v0/news/1.json') .then(response => console.log(response)) .catch(error => console.log(error)) API공통화 방법 1. axios 를 공통으로 사용하기위해 create 하여 빼보기 const instance = axios.create({ baseURL : 'http://localhost:3000/' }) function registerUser(userData){ return instance.post('.. 2021. 6. 27. 환경 변수 (env) 환경 변수 .env vue-cli 3.0 부터 규칙 지정하면 자동 로드 된다. VUE_APP_ 접두사가 붙는 변수는 자동 로드 됨 env.production : npm run build 실행했을때 바라본다.(빌드명령어 입력 시) env.development 로컬에서 실행했을 때 바라본다. env : 위에 2개 다 없으면 디폴트로 바라본다 2021. 6. 26. 이전 1 ··· 9 10 11 12 13 14 15 ··· 20 다음 반응형
