diff --git a/proxy-serve.js b/proxy-serve.js
new file mode 100644
index 000000000..415968c85
--- /dev/null
+++ b/proxy-serve.js
@@ -0,0 +1,6 @@
+export default [
+    {
+        path: '/api',
+        rule: { target: 'http://0.0.0.0:3000' },
+    },
+];
diff --git a/quasar.config.js b/quasar.config.js
index 2ea356afb..6d545c026 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -179,7 +179,6 @@ export default configure(function (/* ctx */) {
                 'render', // keep this as last one
             ],
         },
-
         // https://v2.quasar.dev/quasar-cli/developing-pwa/configuring-pwa
         pwa: {
             workboxMode: 'generateSW', // or 'injectManifest'
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index ef5bdc6ac..e4b19988a 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -20,6 +20,7 @@ const appName = 'Lilium';
 const pinnedModulesRef = ref();
 
 onMounted(() => stateStore.setMounted());
+const refresh = () => window.location.reload();
 </script>
 <template>
     <QHeader color="white" elevated>
@@ -64,6 +65,13 @@ onMounted(() => stateStore.setMounted());
             <QSpace />
             <div class="q-pl-sm q-gutter-sm row items-center no-wrap">
                 <div id="actions-prepend"></div>
+                <QIcon
+                    name="refresh"
+                    size="md"
+                    color="red"
+                    v-if="state.get('error')"
+                    @click="refresh"
+                />
                 <QBtn
                     :class="{ 'q-pa-none': quasar.platform.is.mobile }"
                     id="pinnedModules"
diff --git a/src/router/index.js b/src/router/index.js
index 226e92c61..f0d9487c6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -21,8 +21,8 @@ const { t, te } = i18n.global;
 const createHistory = process.env.SERVER
     ? createMemoryHistory
     : process.env.VUE_ROUTER_MODE === 'history'
-    ? createWebHistory
-    : createWebHashHistory;
+      ? createWebHistory
+      : createWebHashHistory;
 
 const Router = createRouter({
     scrollBehavior: () => ({ left: 0, top: 0 }),
@@ -99,9 +99,15 @@ export default defineRouter(function (/* { store, ssrContext } */) {
 
             title += builtTitle;
         }
-
         document.title = title;
     });
 
+    Router.onError(({ message }) => {
+        const errorMessages = [
+            'Failed to fetch dynamically imported module',
+            'Importing a module script failed',
+        ];
+        state.set('error', errorMessages.some(message.includes));
+    });
     return Router;
 });