Vue에서 Axios GET 요청 404 오류를 해결하는 방법은 무엇입니까?
P粉738046172
2023-08-30 00:23:34
<p>관련 답변이 포함된 질문을 표시하고 싶습니다. 안타깝게도 별도의 <code>QuestionPage</code>를 로드하면 모든 답변이 표시되지 않습니다. 이는 <code>./comComponents/Answers.vue</code> 구성요소에서 논리 오류를 발견했기 때문입니다. </p>
<p>문제는 엔드포인트 링크가 정의되지 않은 <code>fetch()</code> 함수에 있는 것 같습니다(콘솔 오류 https://prnt.sc/198ebdx의 스크린샷)< ;
<p>이 Answers 구성 요소는 QuestionPage에서 사용됩니다. <code>Question</code> 구성 요소가 <code>Answer</code> 구성 요소를 올바르게 참조하지 않는 것 같습니다. </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
은(는)
QuestionPage.vue组件中，您的<answers :question="question"></answers>应该有一个v-if="question.id"来防止加载组件，以防data()函数中定义的question에 존재하지 않습니다.설명
콘솔에 보고된 오류는 HTTP 요청에 정의되지 않은 변수가 사용되었기 때문입니다.
으아악Answers.vue组件，在created함수에 다음 코드가 있는지 확인하세요.이 문제 ID는 동일한
의 Props/Data 구조를 나타냅니다. 으아악Answers.vue:
으아악QuestionPage.vue구성 요소에서question을QuestionPage.vue组件中，您将question作为prop传递给Answers.vue구성 요소에 소품으로 전달합니다. 그러나 이 변수는 정의되지 않을 수 있습니다. 먼저 이 함수의 결과를 확인해야 합니다함수에 결과가 없으면
slugprops가 정확하고 백엔드에서 처리되는지 확인하세요.