728x90 nuxt3 Nuxt.js - 모달을 사용하여 오늘하루보지않기(Element ui) 진행중인 프로젝트에서 이벤트를 진행하게 되어 팝업을 띄워달라는 요청사항을 전달 받았다. 팝업은 브라우저 자체에서 팝업보지 않기를 진행하면 해당 팝업이 뜨지않기 때문에 모달로 진행을 했다. 모달은 브라우저 설정과 관계없이 띄울 수 있기에 팝업기능을 대신하여 모달로 띄우는 추세라고한다. 모달은 Element ui의 dialog를 사용했다. 페이지를 들어올 때마다 모달을 띄우고 싶었기 때문에 모든 페이지에서 공통적으로 사용하고 있는 footer 컴포넌트에 해당 모달을 구현하였다 전체적인 플로우 - 쿠키를 사용하여 전달해야하는 데이터가 아니기 때문에 클라이언트 상에서 해결 세션 종료 후에도 유지되어야하므로 로컬스토리지에서 진행 최초 모달 오픈 페이지 들어오면 모달 오픈 → 새로고침 시에도 모달 오픈 다시 보지 .. 2022. 11. 15. nuxt3(rc v.12) upstream sent too big header while reading response header from upstream 에러 해결 nuxt3 진짜..가만 안둔다……ㅠ nuxt rc..로 개발하자고 한사람..진짜 가만안둬 rc 버전이 아무리 높아도 아닌것 같다.. rc 12 버전 배포 하는데 갑자기 nginx에서 502 에러가 딱!^^; nginx 로그 확인해보니 upstream sent too big header while reading response header from upstream 이래서 구글링 해보니 사용자가 많아 버퍼가 모자르니 버퍼를 늘려주면 된대서 버퍼를 일단 늘려줌!! 사용자가 그렇게 많진 않지만 뭐 일단 늘려보자 server { proxy_busy_buffers_size 512k; proxy_buffers 4 512k; proxy_buffer_size 256k; # rest of the nginx config b.. 2022. 10. 30. Nuxt3 - custom router 추가하기 개발을 진행하다 동일 페이지인데 path 만 다른 페이지를 만들일이 있었다. nuxt는 pages에 vue 파일을 만들면 자동으로 라우터를 생성해준다. 굉장히 편한기능이 아닐 수 없다. 하지만 동일한 페이지인데 pages에 단순히 라우터 생성을 위해 같은 파일을 복붙 할 순 없었다. 구글링하면서 생각해보니 예전에 vue 라우터 개발시에 alias로 비슷한 개발을 진행했던것이 기억이나 alias로 선언하면 될 줄 알았다. 하지만 개발을 진행해야되는 계속해서 워닝이 발생하여 라우팅이 되지 않았다. Alias should have the exact same param named 개발을 진행해야되는 라우터의 경우 파라미터가 다른데..!!!어떻게 처리해야될까 싶어 계속 서치하다 localization 작업시에 커.. 2022. 10. 28. 이전 1 다음 728x90 반응형
