Redirect to error page if can't load request info

web/src/App.vue

@@ -4,6 +4,7 @@ import { formState, requestInfo } from './store';
 import { client } from './client';
 import { loadRequestInfo } from './client/requestInfo';
 import { onErrorCaptured } from 'vue';
+import router from './router';
 
 window.addEventListener('beforeunload', (event) => {
   // If the user has started the form but hasn't finished it, give a warning before
@@ -25,7 +26,12 @@ client.interceptors.request.use((request, _) => {
 });
 
 // Load initial request information - project and drive.
-loadRequestInfo();
+loadRequestInfo().then((hasLoadedRequestInfo: boolean) => {
+  if (!hasLoadedRequestInfo) {
+    // If loading the request info wasn't successful, redirect to error page.
+    router.replace("/service-error");
+  }
+});
 </script>
 
 <template>

web/src/client/requestInfo.ts

@@ -28,17 +28,18 @@ async function getDrive(): Promise<ResearchDriveService> {
     return project.research_drives[0];
 }
 
-export async function loadRequestInfo() {
+export async function loadRequestInfo(): Promise<boolean> {
     // Pre-populate archive request info.
     try {
         requestInfo.isLoading = true;
         requestInfo.project = await getProject();
         requestInfo.drive = await getDrive();
+        return true;
     } catch (e) {
         requestInfo.isLoading = false;
         requestInfo.error = e;
-        // TODO redirect to error page. 
         console.error("Could not retrieve request information. Bad invite link?");
         console.error(e);
+        return false;
     }
 }