diff --git a/vue/src/views/AnnotationViewer.vue b/vue/src/views/AnnotationViewer.vue
index 37d8bb978..fbbfc1ec9 100644
--- a/vue/src/views/AnnotationViewer.vue
+++ b/vue/src/views/AnnotationViewer.vue
@@ -8,7 +8,8 @@ import AddProposal from "../components/annotationViewer/AddProposal.vue"
 import AddRegion from "../components/AddRegion.vue"
 import MapLegend from "../components/MapLegend.vue";
 import { Ref, computed, onMounted, ref, watch } from "vue";
-import { state } from "../store";
+import { state, updateRegionList, updateRegionMap } from "../store";
+import { ApiService } from "../client";
 
 interface Props {
   region?: string;
@@ -40,7 +41,19 @@ onMounted(() => {
 
 watch(selectedModelRun, () => {
   state.selectedImageSite = undefined
-})
+});
+
+watch(()=> ApiService.getApiPrefix(), async () => {
+  await updateRegionList();
+  await updateRegionMap();
+  if (props.region) {
+    state.filters = {
+      ...state.filters,
+      regions: [props.region],
+    };
+  }
+});
+
 
 const updateSiteList = async () => {
   if (siteList.value !== null) {
diff --git a/vue/src/views/RGD.vue b/vue/src/views/RGD.vue
index 71c89cddb..efa716af6 100644
--- a/vue/src/views/RGD.vue
+++ b/vue/src/views/RGD.vue
@@ -5,9 +5,10 @@ import LayerSelection from "../components/LayerSelection.vue";
 import ImageViewer from "../components/imageViewer/ImageViewer.vue";
 import SiteList from "../components/siteList/SiteList.vue";
 import MapLegend from "../components/MapLegend.vue";
-import { onMounted } from "vue";
+import { onMounted, watch } from "vue";
 import { state, updateRegionList, updateRegionMap } from "../store";
 import AddRegion from "../components/AddRegion.vue";
+import { ApiService } from "../client";
 interface Props {
   region?: string;
   selected?: number[] | string;
@@ -27,6 +28,17 @@ onMounted(async () => {
     };
   }
 });
+
+watch(()=> ApiService.getApiPrefix(), async () => {
+  await updateRegionList();
+  await updateRegionMap();
+  if (props.region) {
+    state.filters = {
+      ...state.filters,
+      regions: [props.region],
+    };
+  }
+});
 </script>
 
 <template>