diff --git a/lib/tool_shed/webapp/frontend/src/components/RegisterPage.vue b/lib/tool_shed/webapp/frontend/src/components/RegisterPage.vue
index 8a8042eb28c1..dbb856522431 100644
--- a/lib/tool_shed/webapp/frontend/src/components/RegisterPage.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/RegisterPage.vue
@@ -2,7 +2,7 @@
 import { ref } from "vue"
 import ModalForm from "@/components/ModalForm.vue"
 import { ToolShedApi } from "@/schema"
-import { notify } from "@/util"
+import { notifyOnCatch } from "@/util"
 import router from "@/router"
 import { AUTH_FORM_INPUT_PROPS } from "@/constants"
 
@@ -26,9 +26,11 @@ async function onRegister() {
                 bear_field: "",
             },
         })
+
         if (!data) {
-            throw new Error("No data returned")
+            return
         }
+
         const query = {
             activation_error: data.activation_error ? "true" : "false",
             activation_sent: data.activation_sent ? "true" : "false",
@@ -37,7 +39,7 @@ async function onRegister() {
         }
         router.push({ path: "/registration_success", query: query })
     } catch (e) {
-        notify(String(e))
+        notifyOnCatch(e)
     }
 }
 </script>
diff --git a/lib/tool_shed/webapp/frontend/src/components/pages/AdminControls.vue b/lib/tool_shed/webapp/frontend/src/components/pages/AdminControls.vue
index 9ee72d1ba712..13f305e5a2e5 100644
--- a/lib/tool_shed/webapp/frontend/src/components/pages/AdminControls.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/pages/AdminControls.vue
@@ -2,14 +2,19 @@
 import { ref } from "vue"
 import { ToolShedApi, components } from "@/schema"
 import PageContainer from "@/components/PageContainer.vue"
+import { notifyOnCatch } from "@/util"
 
 type IndexResults = components["schemas"]["BuildSearchIndexResponse"]
 
 const searchResults = ref<IndexResults>()
 
 async function onIndex() {
-    const { data } = await ToolShedApi().PUT("/api/tools/build_search_index")
-    searchResults.value = data
+    try {
+        const { data } = await ToolShedApi().PUT("/api/tools/build_search_index")
+        searchResults.value = data
+    } catch (e) {
+        notifyOnCatch(e)
+    }
 }
 </script>
 <template>
diff --git a/lib/tool_shed/webapp/frontend/src/components/pages/ChangePassword.vue b/lib/tool_shed/webapp/frontend/src/components/pages/ChangePassword.vue
index ba56dd3e9d6e..267286a54848 100644
--- a/lib/tool_shed/webapp/frontend/src/components/pages/ChangePassword.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/pages/ChangePassword.vue
@@ -23,7 +23,7 @@ async function onChange() {
         .then(() => {
             router.push("/")
         })
-        .catch((e: Error) => {
+        .catch((e) => {
             error.value = errorMessageAsString(e)
         })
 }
diff --git a/lib/tool_shed/webapp/frontend/src/components/pages/CitableRepositoryPage.vue b/lib/tool_shed/webapp/frontend/src/components/pages/CitableRepositoryPage.vue
index e12430d4b443..63f89714af04 100644
--- a/lib/tool_shed/webapp/frontend/src/components/pages/CitableRepositoryPage.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/pages/CitableRepositoryPage.vue
@@ -5,6 +5,7 @@ import { ToolShedApi } from "@/schema"
 import type { Repository } from "@/schema/types"
 import LoadingDiv from "@/components/LoadingDiv.vue"
 import ErrorBanner from "@/components/ErrorBanner.vue"
+import { errorMessageAsString } from "@/util"
 
 interface CitableRepositoryPageProps {
     username: string
@@ -16,25 +17,28 @@ const error = ref<string | null>(null)
 
 async function update() {
     error.value = null
-    const { data, error: requestError } = await ToolShedApi().GET("/api/repositories", {
-        params: {
-            query: {
-                owner: props.username,
-                name: props.repositoryName,
+    try {
+        const { data } = await ToolShedApi().GET("/api/repositories", {
+            params: {
+                query: {
+                    owner: props.username,
+                    name: props.repositoryName,
+                },
             },
-        },
-    })
-    if (requestError) {
-        error.value = requestError.err_msg
-    } else if (data instanceof Array) {
-        if (data.length == 0) {
-            error.value = `Repository ${props.username}/${props.repositoryName} is not found`
-        } else {
-            const repository: Repository = data[0]
-            if (repository.id != repositoryId.value) {
-                repositoryId.value = repository.id
+        })
+
+        if (data instanceof Array) {
+            if (data.length == 0) {
+                error.value = `Repository ${props.username}/${props.repositoryName} is not found`
+            } else {
+                const repository: Repository = data[0]
+                if (repository.id != repositoryId.value) {
+                    repositoryId.value = repository.id
+                }
             }
         }
+    } catch (e) {
+        error.value = errorMessageAsString(e)
     }
 }
 
diff --git a/lib/tool_shed/webapp/frontend/src/components/pages/ManageApiKey.vue b/lib/tool_shed/webapp/frontend/src/components/pages/ManageApiKey.vue
index 94ee16368aaf..0729f12d664e 100644
--- a/lib/tool_shed/webapp/frontend/src/components/pages/ManageApiKey.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/pages/ManageApiKey.vue
@@ -2,7 +2,7 @@
 import { ref, computed } from "vue"
 import PageContainer from "@/components/PageContainer.vue"
 import { ToolShedApi } from "@/schema"
-import { notify, copyAndNotify, notifyOnCatch } from "@/util"
+import { notify, copyAndNotify, notifyOnCatch, errorMessageAsString } from "@/util"
 import ConfigFileContents from "@/components/ConfigFileContents.vue"
 
 const apiKey = ref<string | null>(null)
@@ -22,50 +22,48 @@ async function copyKey() {
 const params = { encoded_user_id: "current" }
 
 async function init() {
-    const { data, error } = await ToolShedApi().GET("/api/users/{encoded_user_id}/api_key", {
-        params: {
-            path: params,
-        },
-    })
-
-    if (error) {
-        notifyOnCatch(new Error(`Error fetching API key: ${error.err_msg}`))
-        return
+    try {
+        const { data } = await ToolShedApi().GET("/api/users/{encoded_user_id}/api_key", {
+            params: {
+                path: params,
+            },
+        })
+        apiKey.value = data ?? null
+    } catch (e) {
+        notifyOnCatch(new Error(`Error fetching API key: ${errorMessageAsString(e)}`))
     }
-
-    apiKey.value = data
 }
 
 async function deleteKey() {
-    const { error } = await ToolShedApi().DELETE("/api/users/{encoded_user_id}/api_key", {
-        params: {
-            path: params,
-        },
-    })
+    try {
+        await ToolShedApi().DELETE("/api/users/{encoded_user_id}/api_key", {
+            params: {
+                path: params,
+            },
+        })
 
-    if (error) {
-        notifyOnCatch(new Error(`Error deactivating API key: ${error.err_msg}`))
-        return
+        apiKey.value = null
+        notify("API key deactivated")
+    } catch (e) {
+        notifyOnCatch(new Error(`Error deactivating API key: ${errorMessageAsString(e)}`))
     }
-
-    apiKey.value = null
-    notify("API key deactivated")
 }
 
 async function recreateKey() {
-    const { data, error } = await ToolShedApi().POST("/api/users/{encoded_user_id}/api_key", {
-        params: {
-            path: params,
-        },
-    })
+    try {
+        const { data } = await ToolShedApi().POST("/api/users/{encoded_user_id}/api_key", {
+            params: {
+                path: params,
+            },
+        })
 
-    if (error) {
-        notifyOnCatch(new Error(`Error re-generating API key: ${error.err_msg}`))
-        return
+        if (data) {
+            apiKey.value = data
+            notify("Re-generated API key")
+        }
+    } catch (e) {
+        notifyOnCatch(new Error(`Error re-generating API key: ${errorMessageAsString(e)}`))
     }
-
-    apiKey.value = data
-    notify("Re-generated API key")
 }
 
 void init()
diff --git a/lib/tool_shed/webapp/frontend/src/components/pages/RepositoriesBySearch.vue b/lib/tool_shed/webapp/frontend/src/components/pages/RepositoriesBySearch.vue
index 0ab9a129089f..f98aec5f0007 100644
--- a/lib/tool_shed/webapp/frontend/src/components/pages/RepositoriesBySearch.vue
+++ b/lib/tool_shed/webapp/frontend/src/components/pages/RepositoriesBySearch.vue
@@ -4,6 +4,7 @@ import PageContainer from "@/components/PageContainer.vue"
 import RepositoryGrid from "@/components/RepositoriesGrid.vue"
 import { type RepositoryGridItem, type OnScroll } from "@/components/RepositoriesGridInterface"
 import { ToolShedApi, components } from "@/schema"
+import { notifyOnCatch } from "@/util"
 
 const query = ref("")
 const page = ref(1)
@@ -14,30 +15,34 @@ type RepositorySearchHit = components["schemas"]["RepositorySearchHit"]
 
 async function doQuery() {
     const queryValue = query.value
-    const { data } = await ToolShedApi().GET("/api/repositories", {
-        params: {
-            query: { q: queryValue, page: page.value, page_size: 10 },
-        },
-    })
-    if (query.value != queryValue) {
-        console.log("query changed.... not using these results...")
-        return
-    }
-    if (!data) {
-        throw Error("Server response error.")
-    }
-    if ("hits" in data) {
-        if (page.value == 1) {
-            hits.value = data.hits
-        } else {
-            data.hits.forEach((h) => hits.value.push(h))
+
+    try {
+        const { data } = await ToolShedApi().GET("/api/repositories", {
+            params: {
+                query: { q: queryValue, page: page.value, page_size: 10 },
+            },
+        })
+
+        if (query.value != queryValue) {
+            console.log("query changed.... not using these results...")
+            return
         }
-        if (hits.value.length >= parseInt(data.total_results)) {
-            fetchedLastPage.value = true
+
+        if (data && "hits" in data) {
+            if (page.value == 1) {
+                hits.value = data.hits
+            } else {
+                data.hits.forEach((h) => hits.value.push(h))
+            }
+            if (hits.value.length >= parseInt(data.total_results)) {
+                fetchedLastPage.value = true
+            }
+            page.value = page.value + 1
+        } else {
+            throw Error("Server response structure error.")
         }
-        page.value = page.value + 1
-    } else {
-        throw Error("Server response structure error.")
+    } catch (e) {
+        notifyOnCatch(e)
     }
 }
 
diff --git a/lib/tool_shed/webapp/frontend/src/stores/auth.store.ts b/lib/tool_shed/webapp/frontend/src/stores/auth.store.ts
index 5e2653cd995b..f98292124021 100644
--- a/lib/tool_shed/webapp/frontend/src/stores/auth.store.ts
+++ b/lib/tool_shed/webapp/frontend/src/stores/auth.store.ts
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia"
-import { ensureCookie, notifyOnCatch } from "@/util"
+import { ensureCookie, errorMessageAsString, notifyOnCatch } from "@/util"
 
 import { ToolShedApi } from "@/schema"
 
@@ -12,10 +12,14 @@ export const useAuthStore = defineStore({
     }),
     actions: {
         async setup() {
-            const { data: user } = await ToolShedApi().GET("/api/users/current")
-            this.user = user
-            // store user details and jwt in local storage to keep user logged in between page refreshes
-            localStorage.setItem("user", user ? JSON.stringify(user) : "null")
+            try {
+                const { data: user } = await ToolShedApi().GET("/api/users/current")
+                this.user = user
+                // store user details and jwt in local storage to keep user logged in between page refreshes
+                localStorage.setItem("user", user ? JSON.stringify(user) : "null")
+            } catch (e) {
+                console.debug(`Failed to get current user: ${errorMessageAsString(e)}`)
+            }
         },
         async login(username: string, password: string) {
             const token = ensureCookie("session_csrf_token")
diff --git a/lib/tool_shed/webapp/frontend/src/stores/categories.store.ts b/lib/tool_shed/webapp/frontend/src/stores/categories.store.ts
index 0b164cde5cca..a75b59d4cc8e 100644
--- a/lib/tool_shed/webapp/frontend/src/stores/categories.store.ts
+++ b/lib/tool_shed/webapp/frontend/src/stores/categories.store.ts
@@ -1,6 +1,7 @@
 import { defineStore } from "pinia"
 
 import { ToolShedApi, components } from "@/schema"
+import { notifyOnCatch } from "@/util"
 type Category = components["schemas"]["Category"]
 
 export const useCategoriesStore = defineStore({
@@ -12,9 +13,14 @@ export const useCategoriesStore = defineStore({
     actions: {
         async getAll() {
             this.loading = true
-            const { data: categories } = await ToolShedApi().GET("/api/categories")
-            this.categories = categories ?? []
-            this.loading = false
+            try {
+                const { data: categories } = await ToolShedApi().GET("/api/categories")
+                this.categories = categories ?? []
+            } catch (e) {
+                notifyOnCatch(e)
+            } finally {
+                this.loading = false
+            }
         },
     },
     getters: {
diff --git a/lib/tool_shed/webapp/frontend/src/stores/repository.store.ts b/lib/tool_shed/webapp/frontend/src/stores/repository.store.ts
index d022ecf15cd6..a131c8dac963 100644
--- a/lib/tool_shed/webapp/frontend/src/stores/repository.store.ts
+++ b/lib/tool_shed/webapp/frontend/src/stores/repository.store.ts
@@ -1,6 +1,7 @@
 import { defineStore } from "pinia"
 
 import { ToolShedApi, components } from "@/schema"
+import { notifyOnCatch } from "@/util"
 
 function fetchRepositoryPermissions(repositoryId: string) {
     return ToolShedApi().GET("/api/repositories/{encoded_repository_id}/permissions", {
@@ -28,32 +29,40 @@ export const useRepositoryStore = defineStore({
     }),
     actions: {
         async allowPush(username: string) {
-            if (this.repositoryId == null) {
-                throw Error("Logic problem in repository store")
-            }
-            const params = {
-                encoded_repository_id: this.repositoryId,
-                username: username,
+            try {
+                if (this.repositoryId == null) {
+                    throw Error("Logic problem in repository store")
+                }
+                const params = {
+                    encoded_repository_id: this.repositoryId,
+                    username: username,
+                }
+                await ToolShedApi().POST("/api/repositories/{encoded_repository_id}/allow_push/{username}", {
+                    params: { path: params },
+                })
+                const { data: _repositoryPermissions } = await fetchRepositoryPermissions(this.repositoryId)
+                this.repositoryPermissions = _repositoryPermissions ?? null
+            } catch (e) {
+                notifyOnCatch(e)
             }
-            await ToolShedApi().POST("/api/repositories/{encoded_repository_id}/allow_push/{username}", {
-                params: { path: params },
-            })
-            const { data: _repositoryPermissions } = await fetchRepositoryPermissions(this.repositoryId)
-            this.repositoryPermissions = _repositoryPermissions ?? null
         },
         async disallowPush(username: string) {
-            if (this.repositoryId == null) {
-                throw Error("Logic problem in repository store")
-            }
-            const params = {
-                encoded_repository_id: this.repositoryId,
-                username: username,
+            try {
+                if (this.repositoryId == null) {
+                    throw Error("Logic problem in repository store")
+                }
+                const params = {
+                    encoded_repository_id: this.repositoryId,
+                    username: username,
+                }
+                await ToolShedApi().DELETE("/api/repositories/{encoded_repository_id}/allow_push/{username}", {
+                    params: { path: params },
+                })
+                const { data: _repositoryPermissions } = await fetchRepositoryPermissions(this.repositoryId)
+                this.repositoryPermissions = _repositoryPermissions ?? null
+            } catch (e) {
+                notifyOnCatch(e)
             }
-            await ToolShedApi().DELETE("/api/repositories/{encoded_repository_id}/allow_push/{username}", {
-                params: { path: params },
-            })
-            const { data: _repositoryPermissions } = await fetchRepositoryPermissions(this.repositoryId)
-            this.repositoryPermissions = _repositoryPermissions ?? null
         },
         async setId(repositoryId: string) {
             this.repositoryId = repositoryId
@@ -65,44 +74,50 @@ export const useRepositoryStore = defineStore({
             }
             this.loading = true
             const params = { encoded_repository_id: this.repositoryId }
-            const [{ data: repository }, { data: repositoryMetadata }] = await Promise.all([
-                ToolShedApi().GET("/api/repositories/{encoded_repository_id}", { params: { path: params } }),
-                ToolShedApi().GET("/api_internal/repositories/{encoded_repository_id}/metadata", {
-                    params: { path: params, query: { downloadable_only: false } },
-                }),
-            ])
-            this.repository = repository ?? null
-            this.repositoryMetadata = repositoryMetadata ?? null
-            let repositoryPermissions = {
-                can_manage: false,
-                can_push: false,
-                allow_push: [] as string[],
-            }
             try {
-                const { data: _repositoryPermissions } = await fetchRepositoryPermissions(this.repositoryId)
-                repositoryPermissions = _repositoryPermissions ?? repositoryPermissions
-                this.repositoryPermissions = repositoryPermissions
-            } catch (e) {
-                // console.log(e)
-            }
-            const latestMetadata = Object.values(repositoryMetadata ?? {})[0]
-            if (!latestMetadata || !repository) {
-                this.empty = true
-            } else {
-                if (this.empty) {
-                    this.empty = false
+                const [{ data: repository }, { data: repositoryMetadata }] = await Promise.all([
+                    ToolShedApi().GET("/api/repositories/{encoded_repository_id}", { params: { path: params } }),
+                    ToolShedApi().GET("/api_internal/repositories/{encoded_repository_id}/metadata", {
+                        params: { path: params, query: { downloadable_only: false } },
+                    }),
+                ])
+                this.repository = repository ?? null
+                this.repositoryMetadata = repositoryMetadata ?? null
+
+                let repositoryPermissions = {
+                    can_manage: false,
+                    can_push: false,
+                    allow_push: [] as string[],
                 }
-                const installParams = {
-                    name: repository.name,
-                    owner: repository.owner,
-                    changeset_revision: latestMetadata.changeset_revision,
+                try {
+                    const { data: _repositoryPermissions } = await fetchRepositoryPermissions(this.repositoryId)
+                    repositoryPermissions = _repositoryPermissions ?? repositoryPermissions
+                    this.repositoryPermissions = repositoryPermissions
+                } catch (e) {
+                    // console.log(e)
                 }
-                const { data: repositoryInstallInfo } = await ToolShedApi().GET("/api/repositories/install_info", {
-                    params: { query: installParams },
-                })
-                this.repositoryInstallInfo = repositoryInstallInfo ?? null
+                const latestMetadata = Object.values(repositoryMetadata ?? {})[0]
+                if (!latestMetadata || !repository) {
+                    this.empty = true
+                } else {
+                    if (this.empty) {
+                        this.empty = false
+                    }
+                    const installParams = {
+                        name: repository.name,
+                        owner: repository.owner,
+                        changeset_revision: latestMetadata.changeset_revision,
+                    }
+                    const { data: repositoryInstallInfo } = await ToolShedApi().GET("/api/repositories/install_info", {
+                        params: { query: installParams },
+                    })
+                    this.repositoryInstallInfo = repositoryInstallInfo ?? null
+                }
+            } catch (e) {
+                notifyOnCatch(e)
+            } finally {
+                this.loading = false
             }
-            this.loading = false
         },
     },
 })
diff --git a/lib/tool_shed/webapp/frontend/src/stores/users.store.ts b/lib/tool_shed/webapp/frontend/src/stores/users.store.ts
index f6265692fdf0..82d6dba3445f 100644
--- a/lib/tool_shed/webapp/frontend/src/stores/users.store.ts
+++ b/lib/tool_shed/webapp/frontend/src/stores/users.store.ts
@@ -1,6 +1,7 @@
 import { defineStore } from "pinia"
 
 import { ToolShedApi, components } from "@/schema"
+import { notifyOnCatch } from "@/util"
 
 type User = components["schemas"]["UserV2"]
 
@@ -13,9 +14,14 @@ export const useUsersStore = defineStore({
     actions: {
         async getAll() {
             this.loading = true
-            const { data: users } = await ToolShedApi().GET("/api/users")
-            this.users = users ?? []
-            this.loading = false
+            try {
+                const { data: users } = await ToolShedApi().GET("/api/users")
+                this.users = users ?? []
+            } catch (e) {
+                notifyOnCatch(e)
+            } finally {
+                this.loading = false
+            }
         },
     },
 })
diff --git a/lib/tool_shed/webapp/frontend/src/util.ts b/lib/tool_shed/webapp/frontend/src/util.ts
index 517e2c64ebe0..1717aea379c9 100644
--- a/lib/tool_shed/webapp/frontend/src/util.ts
+++ b/lib/tool_shed/webapp/frontend/src/util.ts
@@ -58,5 +58,6 @@ export function queryParamToString(param: LocationQueryValue | LocationQueryValu
 }
 
 export function notifyOnCatch(e: unknown) {
+    console.debug(e)
     notify(errorMessageAsString(e))
 }