Vue에서 Axios GET 요청 404 오류를 해결하는 방법은 무엇입니까?

Question

관련 답변이 포함된 질문을 표시하고 싶습니다. 안타깝게도 별도의 QuestionPage를 로드하면 모든 답변이 표시되지 않습니다. 이는 ./comComponents/Answers.vue 구성요소에서 논리 오류를 발견했기 때문입니다.

문제는 엔드포인트 링크가 정의되지 않은 fetch() 함수에 있는 것 같습니다(콘솔 오류 https://prnt.sc/198ebdx의 스크린샷)< ;

이 Answers 구성 요소는 QuestionPage에서 사용됩니다. Question 구성 요소가 Answer 구성 요소를 올바르게 참조하지 않는 것 같습니다.

Answer 1

은(는) QuestionPage.vue组件中，您的<answers :question="question"></answers>应该有一个v-if="question.id"来防止加载组件，以防data()函数中定义的question에 존재하지 않습니다.

설명

콘솔에 보고된 오류는 HTTP 요청에 정의되지 않은 변수가 사용되었기 때문입니다.

Answers.vue组件，在created 함수에 다음 코드가 있는지 확인하세요.

으아악

이 문제 ID는 동일한 Answers.vue:

의 Props/Data 구조를 나타냅니다. 으아악

QuestionPage.vue 구성 요소에서 question을 QuestionPage.vue组件中，您将question作为prop传递给Answers.vue 구성 요소에 소품으로 전달합니다. 그러나 이 변수는 정의되지 않을 수 있습니다. 먼저 이 함수의 결과를 확인해야 합니다

으아악

함수에 결과가 없으면 slug props가 정확하고 백엔드에서 처리되는지 확인하세요.