<p>그래서 홈페이지(http://127.0.0.1:8000/)에 들어가면 vue-router 파일에 설정한 올바른 구성 요소를 얻지만 http://127.0 .0.1로 이동할 때마다 :8000/dashboard, 404 오류가 표시되는데 이유를 모르겠습니다. 구성 요소의 경로가 정확합니다</p> <p><strong>이것은 내 vue-router 파일입니다:</strong></p> <pre class="brush:php;toolbar:false;">'vue'에서 Vue 가져오기 'vue-router'에서 VueRouter 가져오기 Vue.use(VueRouter) '../Pages/loginPage'에서 loginPage 가져오기 '../Pages/dashboard'에서 대시보드 가져오기 const 라우터 = 새로운 VueRouter({ 모드: '역사', 경로: [ { 길: '/', 이름: '로그인', 구성 요소: 로그인 페이지 }, { 경로: '/대시보드', 이름: '대시보드', 구성 요소: 대시보드, }, ], }); 기본 라우터 내보내기;</pre> <p><strong>이것은 내 app.js 파일입니다</strong></p> <pre class="brush:php;toolbar:false;">'vue'에서 Vue 가져오기; './Index.vue'에서 인덱스 가져오기 'vue-router'에서 VueRouter 가져오기 Vue.use(VueRouter) './router'에서 라우터 가져오기; 'axios'에서 axios를 가져옵니다. 'vue-axios'에서 VueAxios를 가져옵니다. window.Vue = require('vue').default; newVue({ 라우터, 렌더링: h => h(인덱스), }).$mount('#app')</pre> <p><strong>이것은 index.vue 파일입니다(링크가 변경되면 구성요소를 표시하는 파일입니다)</strong></p> <pre class="brush:php;toolbar:false;"><템플릿> <div class="aa"> <p>할로월드</p> <라우터 보기/> </div> </템플릿> <스크립트> 기본값 내보내기 { 탑재() { console.log('컴포넌트 호이.') } }