diff --git a/ui/src/App.vue b/ui/src/App.vue
index 96772f3..850f521 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -17,7 +17,7 @@ import AlertDescription from './components/ui/alert/AlertDescription.vue';
 const userStore = useUserStore();
 
 // onMounted(async () => {
-//   const res = await fetch(`${import.meta.env.VITE_APIHOST}/members/me`, {
+//   const res = await fetch(`${import.meta.env.BASE_URL}/members/me`, {
 //     credentials: 'include',
 //   });
 //   const data = await res.json();
diff --git a/ui/src/api/application.ts b/ui/src/api/application.ts
index 7ef6086..cbaad31 100644
--- a/ui/src/api/application.ts
+++ b/ui/src/api/application.ts
@@ -71,7 +71,7 @@ export enum ApplicationStatus {
   Denied = "Denied",
 }
 //  @ts-ignore
-const addr = import.meta.env.VITE_APIHOST;
+const addr = import.meta.env.BASE_URL;
 
 export async function loadApplication(id: number | string): Promise<ApplicationFull | null> {
   const res = await fetch(`${addr}/application/${id}`)
diff --git a/ui/src/api/loa.ts b/ui/src/api/loa.ts
index 6f9314b..125f63a 100644
--- a/ui/src/api/loa.ts
+++ b/ui/src/api/loa.ts
@@ -8,7 +8,7 @@ export type LOARequest = {
     reason?: string;
 };
 // @ts-ignore
-const addr = import.meta.env.VITE_APIHOST;
+const addr = import.meta.env.BASE_URL;
 
 export async function submitLOA(request: LOARequest): Promise<{ id?: number; error?: string }> {
     const res = await fetch(`${addr}/loa`, {
diff --git a/ui/src/api/member.ts b/ui/src/api/member.ts
index b97e7ac..389662c 100644
--- a/ui/src/api/member.ts
+++ b/ui/src/api/member.ts
@@ -9,7 +9,7 @@ export type Member = {
 };
 
 //  @ts-ignore
-const addr = import.meta.env.VITE_APIHOST;
+const addr = import.meta.env.BASE_URL;
 
 export async function getMembers(): Promise<Member[]> {
     const response = await fetch(`${addr}/members`, {
diff --git a/ui/src/api/rank.ts b/ui/src/api/rank.ts
index 1fdcf09..63a3a74 100644
--- a/ui/src/api/rank.ts
+++ b/ui/src/api/rank.ts
@@ -6,7 +6,7 @@ export type Rank = {
 }
 
 //  @ts-ignore
-const addr = import.meta.env.VITE_APIHOST;
+const addr = import.meta.env.BASE_URL;
 
 export async function getRanks(): Promise<Rank[]> {
   const res = await fetch(`${addr}/ranks`)
diff --git a/ui/src/api/roles.ts b/ui/src/api/roles.ts
index c128dbf..33fe3b2 100644
--- a/ui/src/api/roles.ts
+++ b/ui/src/api/roles.ts
@@ -7,7 +7,7 @@ export type Role = {
 };
 
 //  @ts-ignore
-const addr = import.meta.env.VITE_APIHOST;
+const addr = import.meta.env.BASE_URL;
 
 export async function getRoles(): Promise<Role[]> {
     const res = await fetch(`${addr}/roles`)
diff --git a/ui/src/api/status.ts b/ui/src/api/status.ts
index 9e26383..b4d2fdf 100644
--- a/ui/src/api/status.ts
+++ b/ui/src/api/status.ts
@@ -7,7 +7,7 @@ export type Status = {
 };
 
 //  @ts-ignore
-const addr = import.meta.env.VITE_APIHOST;
+const addr = import.meta.env.BASE_URL;
 
 export async function getAllStatuses(): Promise<Status[]> {
     const res = await fetch(`${addr}/status`)
diff --git a/ui/src/stores/user.ts b/ui/src/stores/user.ts
index e50c323..dd19e5d 100644
--- a/ui/src/stores/user.ts
+++ b/ui/src/stores/user.ts
@@ -10,7 +10,7 @@ export const useUserStore = defineStore('user', () => {
 
     async function loadUser() {
         //@ts-ignore
-        const res = await fetch(`${import.meta.env.VITE_APIHOST}/members/me`, {
+        const res = await fetch(`${import.meta.env.BASE_URL}/members/me`, {
             credentials: 'include',
         });