Vue | WebSocket connection to '로컬아이피' failed:

에러

깃허브에 있는 기존 코드를 사용하여 개발을 진행하려 실행하니 크롬 개발자도구에 해당 오류가 확인되었다. 프로젝트에서 Socket 관련해서 사용을 하지도 않았는데 오류가 발생하여 삽질을 많이 했다...ㅠ

원인

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

https://developers.google.com/web/fundamentals/security/csp/?hl=ko
(upgrade-insecure-requests)
사용자 에이전트에 URL 구성표를 다시 작성하여 HTTP를 HTTPS로 변경하도록 지시합니다. 이 지시문은 다시 작성해야 할 이전 URL이 많은 웹사이트를 위한 것입니다.

일반 http요청들을 https요청으로 처리하겠다는 의미로, 인라인 자바스크립트 처리를 금지시킨다.

해결

기존에는 오류가 없었어서 수정한 코드들 돌려가며 확인하니 public > index.html에서 오류가 발생했다. 한 줄 한 줄 확인해보니 첨부한 코드를 발견하였고 삭제하니 해결되었다. (테스트용 페이지이므로 삭제하고 진행하였다.)