다시 표현된 제목은 다음과 같습니다: 마운트된 후크 실행 중 처리되지 않은 오류가 발생했습니다.

Question

할일관리 웹앱을 만들고 있어요. 모든 할 일 목록 항목을 성공적으로 가져와 내 홈페이지에 표시했습니다. 기사 하나만 가져와서 표시하려고 하면 문제가 발생합니다. 후크는 함수 오류가 아닙니다.

서버측에서는 laravel을 사용하고 클라이언트측에서는 vite를 사용합니다.

다음은 내 api.php 경로입니다

으아아아

세 번째 경로에서는 uuid를 사용하여 단일 게시물을 가져와 표시합니다. 서버 측에 올바르게 표시됩니다

다음은 각각 내 TodoController.php와 TodoResource입니다.

으아아아

TodoResource.php

으아아아

axios를 사용하여 클라이언트 서버측에서 게시물을 가져왔습니다. 다음은 useTodos.js의 코드입니다

으아아아

다음은 클라이언트-서버 측에 단일 게시물을 표시하는 페이지입니다

으아아아

내 라우터 페이지

으아아아

단일 게시물을 얻으려고 할 때 그것이 가져오는 후크가 기능하지 않는 이유에 대한 해결책을 찾으려고 노력 중입니다. 누구든지 이 문제를 해결하도록 도와줄 수 있나요?

Answer 1

이렇게 실행해 보세요

으아아아

아래와 같이: https://vuejs.org/api/composition -api-lifecycle.html#onmounted