Vue 프로젝트 로컬에서만 되는 이유가 무엇일까요?

Question

정말 간단하게 리스트를 하나 불러와서 화면에 리스트를 그리고배열의 총 길이정도 가져오는 기능인데 로컬에서는 아무 문제 없이 화면에 그려져서 CSS 작업도 신나게 해놓고배포된 뒤에 확인해보니 리스트가 안 그려집니더..? 크롬 디버거로 차근차근 찍어봤는데 백엔드 요청에 대해 response 잘 받아왔고받아온 배열을 필터 처리하는 함수도 원하는 리턴값을 리턴해주는데목록이 그려지지 않아요.. 혹시나 정상적으로 값이 들어간 뒤에 초기홛되는 부분이 있는지 계속 확인해봤는데도리턴값은 정확하게 원하는 값이 리턴되는데 화면에 그려지지 않는 이유를 혹시 아는 분이 계실까요? 로컬에서는 vue debugging tool로 확인해봤을 때 값들도 잘 들어오고화면에도 잘 그려집니다.. 차라리 로컬에서도 오류가 났으면 ㅠㅠㅠ.... **크롬 문제만은 아닌 것 같은 게 사파리에서도 똑같은 이슈가 있습니다.

TeraGo · Answer

화면이 아예 안나오나요? 아니면 화면은 나오는데 다른부분이 작동을 안하나요? 사용환경마다 다르겠지만 node 서버라면 특정 주소로 왔을때 vue 파일과 연결해줘야 나올껍니다. 예전에는 정식문서에 있었는데.. https://velog.io/&#64;shelly/vue-node-%EB%B0%B0%ED%8F%AC-vue%EC%99%80-node-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0 node 서버라면 참고해보시고 엔진x 나 아파치 같은 경우에는 아파치 vue 배포 같은 키워드로 찾아보세요

Nine-dev · Answer

앗 감사합니다! node 서버고 다른 파일들은 정상적으로 작동합니다. 질문드린 컴포넌트도 리스트 외에는 정상적으로 출력되고 있어서.. 혹시 비슷한 경험이 있으신 분 답변 기다리고 있었습니다 ㅠㅠ..

Eleutherius · Answer

1. 어떻게 배포하셨나요?2. 크롬 개발자 도구 console에는 아무런 문구가 출력되지 않나요?

Nine-dev · Answer

1. 빌드는 제가 하지 않아서 특별한 설정을 정확히는 모르지만 질문드린 부분만 문제가 있습니다.2. 콘솔에는 오류가 없습니다 코드가 너무 간단해서.. 오타도 확인했고 컴포넌트 내부에 또 다른 컴포넌트도 없고 자동 닫기 태그를 사용한 부분도 없고 설명드리기가 애매해서 혹시나 비슷한 경험이 있으신 분이라면 지나치시다가 조언을 좀 주시지 않을까 싶어서 글 남겨봤습니다 :)

Vue 프로젝트 로컬에서만 되는 이유가 무엇일까요?

4개의 답변

#front 목록