Cronex

spring boot vue 프로젝트 설정 시 webpack-dev-server 오류 본문

spring-boot/errors

spring boot vue 프로젝트 설정 시 webpack-dev-server 오류

crone 2023. 4. 18. 13:32

spring boot 와 vue를 이용하여 프로젝트 생성 시 webpack-dev-server를 띄웠을 때 브라우저 콘솔에서 이러한 오류가 발생할 때가 있다.

해당 오류는 webpack-dev-server proxy를 설정하면서 ws 설정에 의해 발생한 오류인데, 간단하게 proxy를 설정해준 vue.config.js 에서 proxy로 설정한 path에 ws: false options을 추가해주면 된다. 설정 후 dev-server를 다시 띄워보면

사라진것을 확인할 수 있다.

 

참고: https://velog.io/@blessole/%EC%98%A4%EB%A5%98-Vue.js-WebSocket-connection-to-wsws-failed-Invalid-frame-header