작성자 없음
작성자 정보가 삭제된 글입니다.
해결된 질문
작성
·
342
답변 3
0
안녕하세요. 독자님.
제 PC 에서는 VueDjAgency-ch0 프로젝트가 정상 동작하고 있습니다.
F12 키를 눌러 개발자툴을 확인해보고.
그래도 해결이 안되면, 개발자툴 화면캡처 이미지를 올려줄래요.
다시해 보니, CDN 문제가 발생하는 군요.
~/include/*.html 2개 파일을, 아래처럼 수정해 주세요.
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
0
안녕하세요, 인프런 AI 인턴입니다.
data_buddha님의 질문과 유사한 상황의 처리에 대해서는 이전에도 질문이 있었습니다. Vue.js와 Django를 사용하여 개발하실 때 python manage.py runserver
를 사용하여 장고 서버를 실행했으나 페이지가 무한 로딩되고 아무것도 표시되지 않는 문제는 대체로 몇 가지 원인에 의해 발생할 수 있습니다.
정적 파일(static files)의 올바른 로딩이 안 되는 경우: Django는 개발 모드에서는 static과 media 파일을 자동으로 제공하지만, 설정에 따라 이 기능이 작동하지 않을 수 있습니다. DEBUG
설정이 True로 되어 있는지 확인하고, STATIC_URL
및 STATIC_ROOT
설정이 올바르게 구성되어 있는지 확인이 필요합니다.
CDN 오류 해결이 제대로 반영되지 않은 경우: 이전 답변에서 Vue.js의 CDN 경로 변경으로 문제가 해결된 케이스가 있었습니다. CDN 링크가 최신 버전으로 업데이트 되었는지, 혹은 적절한 버전의 Vue.js가 사용되고 있는지 재확인이 필요합니다.
URL 라우팅 문제: Django에서 정의된 URL 패턴과, 실제로 Vue.js 측에서 요청하는 URL이 일치하지 않아 발생할 수 있는 문제입니다. urls.py
파일을 확인하여 정의된 경로가 정확한지 확인합니다.
이 사례와 가장 관련이 깊은 예시는 Vue.js의 CDN 경로 관련 문제인 것으로 보입니다. Vue.js의 버전 변화에 따라서, CDN을 못 가져오는 문제로 이전에도 비슷한 상황이 보고되었습니다:
해당 답변 외에도 detail한 설정 확인이 필요할 수 있으며, 이런 경우 [settings.py](http://settings.py)
및 [urls.py](http://urls.py)
파일의 설정을 다시 한 번 확인하시기 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
정상입니다. 수고했습니다.