[start] amplify (4) - auth 적용하기

 

이건 두개 포스팅으로 나눠야 한다.

왜냐면 이슈가 있어서 일주일을 날렸기 때문이다.

 

공식 사이트 가이드를  따르고 있었고 vue3로 자연스럽게 진행하고 있었다.

근데 공식 가이드에 auth가 두리뭉실하게 적혀있고 API 문서 링크로 띡 하고 끝나있다. 아래처럼

 

auth에 참고하는 사이트는 

https://docs.amplify.aws/start/getting-started/auth/q/integration/vue#create-login-ui

Tutorial - Add authentication - Amplify Docs

 

그래서 git을 뒤지기 시작, 레퍼런스가 필요해!

아래 사이트를 참조하는데 

https://github.com/wataruoguchi/aws-amplify-auth-vuejs-example

wataruoguchi/aws-amplify-auth-vuejs-example

 

요런 편한게 있어서 API를 직접 안써도 될것 같은것이다.

https://www.npmjs.com/package/aws-amplify-vue

aws-amplify-vue

 

적용하는데 component, webpack등의 스크립트 에러가 계속 난다.

계속 찾아봤는데 https://stackoverflow.com/questions/61308612/how-do-you-set-up-vue-3-main-js-file-with-extra-imports

How do you set up Vue 3 main.js file with extra imports?

 

결국 vue2로 다운그레이드 하고 스크립트 에러에서 해방되었다.

auth는 이제 다시 시작이다.