230719 과제 디벨롭 중 발견한 에러
과제의 404 페이지를 만들면서 외부 url에서 이미지 소스를 가지고 오는 코드를 작성했다. 그때 발생한 에러.
SSR인 Nextjs는 서버에서 코드를 실행한 후 브라우저에 화면을 보여주는 과정을 거친다.
이때 외부 소스를 가져오기전 서버에 알려야 한다.
이는 악의적인 사용을 방지하기 위한 remotePatternsarrow-up-right이다.
next.config.js 파일에 이미지를 가져올 url의 정보를 남겨두면 해결된다. 위의 방법처럼 세부적으로 정보를 구분하는 방법도 있고 밑의 방법처럼 넓게 가져가는 방법도 있다.
해결완료
Last updated 2 years ago
