diff --git a/vue/src/apps/ChecklistView/main.js b/vue/src/apps/ChecklistView/main.js
index b6151e829..355d8eae5 100644
--- a/vue/src/apps/ChecklistView/main.js
+++ b/vue/src/apps/ChecklistView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/CookbookView/main.js b/vue/src/apps/CookbookView/main.js
index cd4e9511f..0fbe7b3b6 100644
--- a/vue/src/apps/CookbookView/main.js
+++ b/vue/src/apps/CookbookView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/ImportResponseView/main.js b/vue/src/apps/ImportResponseView/main.js
index ec49abb49..7efb6f0d5 100644
--- a/vue/src/apps/ImportResponseView/main.js
+++ b/vue/src/apps/ImportResponseView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/MealPlanView/main.js b/vue/src/apps/MealPlanView/main.js
index 489965af1..76041049a 100644
--- a/vue/src/apps/MealPlanView/main.js
+++ b/vue/src/apps/MealPlanView/main.js
@@ -4,7 +4,12 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/ModelListView/main.js b/vue/src/apps/ModelListView/main.js
index c1a97e8e6..d70743943 100644
--- a/vue/src/apps/ModelListView/main.js
+++ b/vue/src/apps/ModelListView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/OfflineView/main.js b/vue/src/apps/OfflineView/main.js
index eca5829a5..0ca32a38c 100644
--- a/vue/src/apps/OfflineView/main.js
+++ b/vue/src/apps/OfflineView/main.js
@@ -4,7 +4,13 @@ import i18n from "@/i18n";
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/RecipeEditView/main.js b/vue/src/apps/RecipeEditView/main.js
index 222e3587a..0c7b8a514 100644
--- a/vue/src/apps/RecipeEditView/main.js
+++ b/vue/src/apps/RecipeEditView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/RecipeSearchView/main.js b/vue/src/apps/RecipeSearchView/main.js
index 680502977..93fc04d0b 100644
--- a/vue/src/apps/RecipeSearchView/main.js
+++ b/vue/src/apps/RecipeSearchView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/RecipeView/main.js b/vue/src/apps/RecipeView/main.js
index 2a36a083d..b5acd6a29 100644
--- a/vue/src/apps/RecipeView/main.js
+++ b/vue/src/apps/RecipeView/main.js
@@ -4,7 +4,13 @@ import i18n from "@/i18n";
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,
diff --git a/vue/src/apps/SupermarketView/main.js b/vue/src/apps/SupermarketView/main.js
index a3a35956b..cff8762e5 100644
--- a/vue/src/apps/SupermarketView/main.js
+++ b/vue/src/apps/SupermarketView/main.js
@@ -4,7 +4,13 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
-export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+// TODO move this and other default stuff to centralized JS file (verify nothing breaks)
+let publicPath = localStorage.STATIC_URL + 'vue/'
+if (process.env.NODE_ENV === 'development') {
+    publicPath = 'http://localhost:8080/'
+}
+export default __webpack_public_path__ = publicPath // eslint-disable-line
+
 
 new Vue({
     i18n,