Vue で Axios GET リクエスト 404 エラーを解決する方法は何ですか?

Question

質問と関連する回答を表示したい。残念ながら、別の QuestionPage をロードすると、すべての回答が表示されません。これは、./components/Answers.vue コンポーネントで論理エラーが見つかったためです。

問題は fetch() 関数にあると思います。エンドポイント リンクが定義されていません (コンソール エラー https://prnt.sc/198ebdx のスクリーンショット)< /p> ;

この 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

をプロップとして Answers.vue コンポーネントに渡します。ただし、この変数は未定義の場合があります。まずこの関数の結果を確認する必要があります リーリー 関数に結果がない場合は、slug プロパティが正しく、バックエンドによって処理されていることを確認してください。