VueJS/Nuxt 25

[VueJS] NuxtJS - Cannot set headers after they are sent to the client

ERROR Cannot set headers after they are sent to the client NuxtJS에서 API 요청 중 토큰이 만료되면 다시 토큰 재발급 후 했던 요청을 다시 보내는 걸 만드는 중에 발생했던 에러인데. 웹 상에선 에러가 찍히는 것 없이 잘 되는데. 서버쪽에서는 계속 이게 찍히는 게 보기 싫어서 계속 원인을 찾았었다. 내가 소스를 잘못 짜서 axios 요청이 연속해서 2번 날리면서 발생한 에러였다. 만약 본인이 짠 소스에서 이런 에러가 발생하면 소스 흐름을 잘 본 다음에 axios같이 뭔가 요청을 연속해서 2번을 날리는 게 있는지 찾아보길 바란다... 내가 했던 소스에서는 axios요청을 인터셉트하는 곳에서 재발급하는 소스랑 내비게이션 가드 처리하는 소스에서 토큰이 재발급..

VueJS/Nuxt 2021.03.08

[VueJS] vue-cli와 jwt인증 기능 NuxtJS로 만들어보기 (3)

[VueJS] vue-cli과 jwt인증 기능 NuxtJS로 만들어보기 (1) [VueJS] vue-cli과 jwt인증 기능 NuxtJS로 만들어보기 (2) 지난 글에서 토큰 체크하는 걸 만들기 위해서 미들웨어를 이용해서 만든다고 했는데 정말 하루 종일 구글링을 해서 찾아봐도 도저히 못 만들겠어서 포기했다. 많은 해외사이트들 몇 없는 한국 블로그들을 참고해서 "이거 될 것 같은데?" 하는 것들은 거의 다 해본 것 같다. plugins에서도 안됐어서 금요일과 토요일에 시간 날 때마다 많은 방법을 찾아서 했었는데 하는 족족 다 실패해서 멘탈이 진짜 완전 박살 났었다. 그래도 정말 오랜 삽질을 통해 성공하긴 했다. plugins디렉터리에 auth.js 파일을 생성한다. (토큰을 체크할 파일) 그리고 nuxt...

VueJS/Nuxt 2021.03.06

[VueJS] vue-cli와 jwt인증 기능 NuxtJS로 만들어보기 (2)

[VueJS] vue-cli과 jwt인증 기능 NuxtJS로 만들어보기 (1) [VueJS] vue-cli과 jwt인증 기능 NuxtJS로 만들어보기 (1) Vue공부 후 Vue-cli로 웹 프로젝트를 하나 생성하고 jwt 인증을 통한 로그인 및 게시판 데이터 불러오기를 만들었었다. 해당 관련 글은 minu0807.tistory.com/64 [VueJS] vue-cli + vuex + jwt 로그인 기능 구현하.. minu0807.tistory.com 지난번에 토큰 체크 쪽 구현한다고 했었는데. 먼저 로그인을 성공시키고 토큰 저장하는 걸 먼저 해보자. 우선 axios 쪽과 nuxt.config.js를 먼저 손을 봐보자. 기존에 vue-cli에서 할 때 axios의 baseURL 같은걸 vue.config..

VueJS/Nuxt 2021.03.05

[VueJS] vue-cli와 jwt인증 기능 NuxtJS로 만들어보기 (1)

Vue공부 후 Vue-cli로 웹 프로젝트를 하나 생성하고 jwt 인증을 통한 로그인 및 게시판 데이터 불러오기를 만들었었다. 해당 관련 글은 아래 주소를 클릭 minu0807.tistory.com/64 [VueJS] vue-cli + vuex + jwt 로그인 기능 구현하기 공부하기 위해 구매했던 Vue.js 책을 다 읽을 때쯤 회사에서 vue-cli 기반으로 jwt를 이용해서 로그인 기능과 게시판 리스트까지만 구현을 해보라 해서 만들어봤었다. 다른 부분은 다 쉬웠는데 axios minu0807.tistory.com 소스는 깃에 올려두었다. github.com/smw0807/minu_vuejs/tree/master/vue_web/web smw0807/minu_vuejs Vue.js study. Cont..

VueJS/Nuxt 2021.03.04

[VueJS] Nuxt.js 사용해보기

Vue.js를 공부를 공식 홈페이지를 이용해서 조금 맛만 보고 나서 공부를 좀 해보고 싶다는 생각이 들어서 책을 한 권 사서 공부했다. vue-cli를 이용한 웹팩으로 프로젝트를 만드는 것을 기반으로 설명이 있었고, 마지막에 Nuxt.js라는 걸 이용해서 프로젝트를 만드는 게 있었는데 설명이 짧아서 좀 더 찾아봤다. https://kdydesign.github.io/2019/04/10/nuxtjs-tutorial/ [Nuxt.js] 개념부터 설치까지 빠르게 배우기 Vue Application을 만들기 위한 강력한 Framework 인 Nuxt.js에 대해 알아보자.Nuxt.js는 Vue.js 응용 프로그램을 만들기 위한 Framework이며, Vue.js Application을 좀 더 손쉽게 만들 수 있..

VueJS/Nuxt 2021.02.28