diff --git a/core/frontend/src/App.vue b/core/frontend/src/App.vue
index ff1b512937..d1b7417739 100644
--- a/core/frontend/src/App.vue
+++ b/core/frontend/src/App.vue
@@ -338,8 +338,8 @@
 <script lang="ts">
 import Vue from 'vue'
 
-import blueos_blue from '@/assets/img/blueos-logo-blue.svg'
-import blueos_white from '@/assets/img/blueos-logo-white.svg'
+import blueos_blue from '/assets/img/blueos-logo-blue.svg'
+import blueos_white from '/assets/img/blueos-logo-white.svg'
 import Wizard from '@/components/wizard/Wizard.vue'
 import settings from '@/libs/settings'
 import helper from '@/store/helper'
diff --git a/core/frontend/src/components/app/VehicleBanner.vue b/core/frontend/src/components/app/VehicleBanner.vue
index 78ad174f13..00408efb39 100755
--- a/core/frontend/src/components/app/VehicleBanner.vue
+++ b/core/frontend/src/components/app/VehicleBanner.vue
@@ -4,8 +4,8 @@
       <image-picker
         size="35px"
         directory="/userdata/images/vehicle"
-        readonly-directory="/vehicles/images"
-        :default-image="require('@/assets/vehicles/images/unknown.svg')"
+        readonly-directory="/src/assets/vehicles/images/"
+        default-image="/src/assets/vehicles/images/unknown.svg"
         :image="vehicle_image"
         @image-selected="save_vehicle_image"
       />
@@ -34,7 +34,7 @@
       <image-picker
         size="35px"
         directory="/userdata/images/logo"
-        :default-image="require('@/assets/img/blue-robotics-logo.svg')"
+        default-image="/assets/img/blue-robotics-logo.svg"
         :image="logo_image"
         @image-selected="save_logo"
       />
diff --git a/core/frontend/src/components/common/DevicePathHelper.vue b/core/frontend/src/components/common/DevicePathHelper.vue
index 0f8a32b4a0..0ced3d364d 100644
--- a/core/frontend/src/components/common/DevicePathHelper.vue
+++ b/core/frontend/src/components/common/DevicePathHelper.vue
@@ -35,9 +35,9 @@
 import { v4 as uuid } from 'uuid'
 import Vue from 'vue'
 
-import navigator_image from '@/assets/img/devicePathHelper/navigator.svg'
-import raspberry_pi3_image from '@/assets/img/devicePathHelper/rpi3b.svg'
-import raspberry_pi4_image from '@/assets/img/devicePathHelper/rpi4b.svg'
+import navigator_image from '/assets/img/devicePathHelper/navigator.svg'
+import raspberry_pi3_image from '/assets/img/devicePathHelper/rpi3b.svg'
+import raspberry_pi4_image from '/assets/img/devicePathHelper/rpi4b.svg'
 import system_information from '@/store/system-information'
 import { Dictionary } from '@/types/common'
 
diff --git a/core/frontend/src/components/common/SpinningLogo.vue b/core/frontend/src/components/common/SpinningLogo.vue
index 6a0a3e5457..302d8fb261 100644
--- a/core/frontend/src/components/common/SpinningLogo.vue
+++ b/core/frontend/src/components/common/SpinningLogo.vue
@@ -4,7 +4,7 @@
       :aspect-ratio="1 / 1"
       class="lds-dual-ring"
       :width="size"
-      :src="require('@/assets/img/blue-robotics-logo.svg')"
+      src="/assets/img/blue-robotics-logo.svg"
     />
     <span class="text-subtitle-2">{{ subtitle }}</span>
   </v-container>
diff --git a/core/frontend/src/components/vehiclesetup/overview/PingInfo.vue b/core/frontend/src/components/vehiclesetup/overview/PingInfo.vue
index 9168227041..08f91f450e 100755
--- a/core/frontend/src/components/vehiclesetup/overview/PingInfo.vue
+++ b/core/frontend/src/components/vehiclesetup/overview/PingInfo.vue
@@ -13,13 +13,13 @@
           <v-img
             v-if="ping.ping_type === 'Ping1D'"
             v-tooltip="toText(ping)"
-            :src="require('@/assets/img/ping/Ping1D.gif')"
+            src="/assets/img/ping/Ping1D.gif"
             width="50px"
           />
           <v-img
             v-if="ping.ping_type === 'Ping360'"
             v-tooltip="toText(ping)"
-            :src="require('@/assets/img/ping/Ping360.gif')"
+            src="/assets/img/ping/Ping360.gif"
             width="50px"
           />
         </a>
diff --git a/core/frontend/src/components/wizard/Wizard.vue b/core/frontend/src/components/wizard/Wizard.vue
index 15583c3345..91d36f8451 100644
--- a/core/frontend/src/components/wizard/Wizard.vue
+++ b/core/frontend/src/components/wizard/Wizard.vue
@@ -430,7 +430,7 @@ export default Vue.extend({
     setupBoat() {
       this.vehicle_type = Vehicle.Rover
       this.vehicle_name = 'BlueBoat'
-      this.vehicle_image = '/vehicles/images/bb120.png'
+      this.vehicle_image = '/src/assets/vehicles/images/bb120.png'
       this.step_number += 1
 
       this.vehicle_configuration_pages = [
@@ -478,7 +478,7 @@ export default Vue.extend({
     setupROV() {
       this.vehicle_type = Vehicle.Sub
       this.vehicle_name = 'BlueROV'
-      this.vehicle_image = '/vehicles/images/bluerov2.png'
+      this.vehicle_image = '/src/assets/vehicles/images/bluerov2.png'
       this.step_number += 1
 
       this.vehicle_configuration_pages = [
diff --git a/core/frontend/src/views/Autopilot.vue b/core/frontend/src/views/Autopilot.vue
index 7d9bb6cc1c..c1d89533f1 100644
--- a/core/frontend/src/views/Autopilot.vue
+++ b/core/frontend/src/views/Autopilot.vue
@@ -101,9 +101,9 @@
 <script lang="ts">
 import Vue from 'vue'
 
-import ArduPilotBanner from '@/assets/img/banners/ArduPilot.svg'
-import OpenPilotBanner from '@/assets/img/banners/OpenPilot.svg'
-import PX4Banner from '@/assets/img/banners/PX4.svg'
+import ArduPilotBanner from '/assets/img/banners/ArduPilot.svg'
+import OpenPilotBanner from '/assets/img/banners/OpenPilot.svg'
+import PX4Banner from '/assets/img/banners/PX4.svg'
 import * as AutopilotManager from '@/components/autopilot/AutopilotManagerUpdater'
 import {
   fetchAvailableBoards, fetchCurrentBoard, fetchFirmwareInfo, fetchVehicleType,