nuxt 응용 프로그램이 있고 그 안에 소스 속성이 nuxt 정적 자산을 참조하는 이미지 태그가 있습니다.
<img
class="player-face"
:src="`/players/face/${player.name}.png`"
@error="myFunction"
/>
이미지가 있으면 예상대로 작동합니다. 이미지가 존재하지 않으면 @error 핸들러를 트리거해야하는 404가 표시되지만 그렇지 않습니다. 문제는 nuxt 정적 자산을 가리키는 사실 인 것 같습니다. src를로 변경하면 :src="'foo'"예상대로 오류 처리기가 트리거 되기 때문 입니다.
이는 nuxt가 1x1 픽셀 이미지를 반환하기 때문에 발생하며, 이는 오류 핸들러가 실행되지 않음을 의미합니다 (1x1 이미지가 404로 반환 되더라도).
이 자리 표시 자 이미지를 반환하는 nuxt를 중지하려면 다음을 nuxt.config.js
render: { fallback: false }
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다