이미지를 업로드하고 NuxtJs의 공용 폴더에 저장하세요.

Question

사용자가 img를 업로드하고 공용 폴더에 저장하도록 하는 방법은 무엇입니까?

사용자(레스토랑 매니저)가 새로운 음식과 그 이미지를 삽입할 수 있는 간단한 앱을 만들고 있습니다.

사용자가 양식과 함께 img를 업로드하도록 하고 이를 Nuxt 프로젝트의 공용 폴더에 저장해야 합니다.

음식 정보는 $fecth 및 POST 메소드를 통해 삽입된 후 POST에서 추출되어 데이터베이스에 삽입됩니다

으아아아 으아아아 으으으으

Answer 1

최종 사용자가 악의적으로 행동하고 스팸 쿼리를 보낼 수 있으므로 이는 실행 가능한 솔루션이 아닙니다. 따라서 서버를 너무 많이 채우면 서버가 충돌하거나 전체 디스크를 가득 채울 수 있습니다.

가장 중요한 것은 최적화되지 않고, 정상적으로 제공되지 않으며, 그 밖의 어떤 것도(번들링 단계 없음) 이루어지지 않는다는 것입니다.
대신 일부 백엔드에 업로드하고 최적화한 다음(Cloudinary와 같은 서비스를 사용하여 수행 가능) AWS S3 또는 이와 유사한(바람직하게는 CDN에서) 호스팅하는 것이 좋습니다.

더 확장 가능하고 안전하며 내구성이 뛰어난 솔루션입니다.