diff --git a/web/src/component/FfmpegConfig.js b/web/src/component/FfmpegConfig.js
index ec76bb5..6759a6b 100644
--- a/web/src/component/FfmpegConfig.js
+++ b/web/src/component/FfmpegConfig.js
@@ -14,6 +14,9 @@ function FfmpegConfig(props) {
         if (data.ffmpeg_config_list.length > 0) {
           props.setSelectedFfmpegConfig(data.ffmpeg_config_list[0]);
         }
+      })
+      .catch((error) => {
+        alert("get_ffmpeg_config_list error: " + error);
       });
   }, []);
 
diff --git a/web/src/component/GetRandomFiles.js b/web/src/component/GetRandomFiles.js
index 01d7029..2d38807 100644
--- a/web/src/component/GetRandomFiles.js
+++ b/web/src/component/GetRandomFiles.js
@@ -10,8 +10,13 @@ function GetRandomFiles(props) {
     fetch("/api/v1/get_random_files")
       .then((response) => response.json())
       .then((data) => {
-        setIsLoading(false);
         setFiles(data.files);
+      })
+      .catch((error) => {
+        alert("get_random_files error: " + error);
+      })
+      .finally(() => {
+        setIsLoading(false);
       });
   }
 
diff --git a/web/src/component/SearchFiles.js b/web/src/component/SearchFiles.js
index a988294..361f22a 100644
--- a/web/src/component/SearchFiles.js
+++ b/web/src/component/SearchFiles.js
@@ -32,9 +32,14 @@ function SearchFiles(props) {
     })
       .then((response) => response.json())
       .then((data) => {
-        setIsLoading(false);
         const files = data.files ? data.files : [];
         setFiles(files);
+      })
+      .catch((error) => {
+        alert("get_files_in_folder error: " + error);
+      })
+      .finally(() => {
+        setIsLoading(false);
       });
   }
 
diff --git a/web/src/component/SearchFolders.js b/web/src/component/SearchFolders.js
index 8f882cc..842e56c 100644
--- a/web/src/component/SearchFolders.js
+++ b/web/src/component/SearchFolders.js
@@ -27,7 +27,6 @@ function SearchFolders(props) {
     })
       .then((response) => response.json())
       .then((data) => {
-        setIsLoading(false);
         let folders;
         if (data.folders) {
           folders = data.folders;
@@ -35,6 +34,12 @@ function SearchFolders(props) {
           folders = [];
         }
         setFolders(folders);
+      })
+      .catch((error) => {
+        alert("search_folders error: " + error);
+      })
+      .finally(() => {
+        setIsLoading(false);
       });
   }
 
diff --git a/web/src/component/Share.js b/web/src/component/Share.js
index 24d62af..db3bd1f 100644
--- a/web/src/component/Share.js
+++ b/web/src/component/Share.js
@@ -16,6 +16,9 @@ function Share(props) {
       .then((response) => response.json())
       .then((data) => {
         setFile([data]);
+      })
+      .catch((error) => {
+        alert("get_file_info error: " + error);
       });
   }, [params]);
   return (