miiingo riiingo

문제 발생 Vue.js로 만든 클라이언트에서 OAuth2를 적용하기 위해 hydra를 사용했다. auth_code 발급까지는 성공했는데, 이 auth_code를 기반으로 access_token을 발급받는데 자꾸 invalid_client 에러가 발생했다. time="2020-11-10T01:55:43Z" level=error msg="An error occurred" debug="crypto/bcrypt: hashedPassword is not the hash of the given password" description="Client authentication failed (e.g., unknown client, no client authentication included, or unsupported ..

qs 사용 방법 qs 설치 # node v12 필요 npm install qs .vue 파일 수정 Vue.js로 만든 quasar 클라이언트에서 qs 모듈을 사용하는 방법 LoginGroupware.vue 그룹웨어 로그인 주의사항 import할 때, qs를 {}로 묶어서 하면 qs.stringify 실행 시 오류가 발생한다. vue.runtime.esm.js?5593:1888 TypeError: Cannot read property 'stringify' of undefined at VueComponent.created (LoginGroupware.vue?b71e:65) at invokeWithErrorHandling (vue.runtime.esm.js?5593:1854) at callHook (vue.r..

문제 발생 Vue.js에서는 기본으로 Hashbang 모드를 사용해 url에 #이 붙게 된다. 처음엔 상관없었는데 나중에 서비스 개발이 복잡해지면서 hydra와 연동해 User Agent를 리다이렉트 URL(Redirect URL)로 설정해야하는 상황이 왔다. 문제는 여기서부터 시작됐다. hydra를 호출할 때 redirect_url을 파라매터에 묶어서 보내는데, 이 redirect_url이 client 생성 시에 미리 지정한 callback URL과 정확히 일치하지 않으면 오류가 발생한다. 하지만 hydra client를 생성할 때 --callbacks URL에는 특수문자가 포함될 수 없다. #이나 %를 넣거나 urlencode 값으로 변경해서 넣으면 오류가 발생한다. 따옴표를 붙이고 환경변수로 설정해..