본문 바로가기
반응형

Nuxt.js10

[Nuxt.js (Vue.js) + NginX Proxy] ERR_INCOMPLETE_CHUNKED_ENCODING Nuxt.js 기반으로 개발을 하다 크롬에서 보면 다음과 같은 메세지가... 참 보기가 짜증이 났었다. 꾸주우운히이 발생하는데 꽤나 거슬리는데 아직까지 정확한 원인이나 해결책은 못찾았다. 내가 해본 것은 아래 포스트들을 참고해 보았는데 해결되었다기 보다는 발생빈도가 현저하게 줄었다. 엔진엑스로 알아보는 리버스 프록시 안녕하세요 Mambo 입니다. 오늘은 웹 서비스 인프라에서 리버스 프록시 구성을 위해 사용되는 Nginx와 함께 리버스 프록시에 대해 알아보고자 합니다. NginxNginx는 정적 파일을 배포할 수 있는 HTTP 웹 kdevkr.github.io 위 포스트에서 "이벤트 스트림 프록시" proxy_buffering off; 서버설정에서 위 항목 추가. 그리고 추가적인 포스트로 보면 NginX .. 2023. 1. 18.
Vue.js - 슬롯(Slot) 존재여부 Vue.js 에서 컴포넌트를 다루는 작업에서 슬롯에 대한 존재여부 확인이 필요한 경우가 있다. 이에 Computed 로 슬롯존재여부를 다음과 같이 추적하면 된다. export default { name : 'example-component', computed : { hasDefaultSlot(){ // return this.$slots.default ? true : false; // !!this.$slots['default]; return !!this.$slots.default; } } } 2022. 3. 9.
Jetbrain (WebStorm / IntelliJ / PHPStorm ...) 경로 별칭 설정 Jetbrain 제품군 (WebStorm, IntelliJ, PHPStorm 등등)에서 Nuxt.js 및 Vue.js 어플리케이션을 개발할때 "@/" 및 "~/" 문자열로 경로 자동완성(intellisense)을 지원하지 않는다. 이에 다음과 같은 형태로 처리(?) 로 가능하다. Visual Studio Code 에서는 jsconfig.json 으로 path 에 대한 alias 를 설정할 수가 있으나 익숙해진 WebStorm 인터페이스를 고집하기 위해 구글링 ㄱㄱ 먼저 프로젝트 루트에 다음과 같은 파일을 만든다. 파일명은 자유형식인것 같다. 나는 config.webstorm.js 로 만들었다. 이에 파일내용은 다음과 같이 입력한다. System.config({ "paths": { "~/*": "./*",.. 2021. 9. 4.
[Nuxt.js] WARN : Babel 경고 메세지 자꾸 빌드할때마다 뜨는 짜증나는 메세지;; 이미 메세지 내용에 있는데 귀찮아서 안하다가 드디어 한다;; ㅡㅡ;; nuxt.config.js 파일에 build 속성에 다음과 같이 박아주자;; babel: { plugins: [ ['@babel/plugin-proposal-private-methods', { 'loose': true }], ['@babel/plugin-proposal-private-property-in-object', { 'loose': true }] ], } 드러워서 한다 ㅡㅡ; 2021. 8. 11.
반응형