diff --git a/.env.template b/.env.template
index 6fba0dd7..36c2357d 100644
--- a/.env.template
+++ b/.env.template
@@ -41,10 +41,17 @@ SHOPPING_MIN_AUTOSYNC_INTERVAL=5
 # Default for user setting sticky navbar
 # STICKY_NAV_PREF_DEFAULT=1
 
-# If staticfiles are stored at a different location uncomment and change accordingly
+# If base URL is something other than just /  (you are serving a subfolder in your proxy for instance http://recipe_app/recipes/)
+# SCRIPT_NAME=/recipes
+
+# If staticfiles are stored at a different location uncomment and change accordingly, MUST END IN /
+# this is not required if you are just using a subfolder
+# This can either be a relative path from the applications base path or the url of an external host
 # STATIC_URL=/static/
 
-# If mediafiles are stored at a different location uncomment and change accordingly
+# If mediafiles are stored at a different location uncomment and change accordingly, MUST END IN /
+# this is not required if you are just using a subfolder
+# This can either be a relative path from the applications base path or the url of an external host
 # MEDIA_URL=/media/
 
 # Serve mediafiles directly using gunicorn. Basically everyone recommends not doing this. Please use any of the examples
@@ -79,8 +86,6 @@ GUNICORN_MEDIA=0
 # when unset: 0 (false)
 REVERSE_PROXY_AUTH=0
 
-# If base URL is something other than just /  (you are serving a subfolder in your proxy for instance http://recipe_app/recipes/)
-# SCRIPT_NAME=/recipes
 # Default settings for spaces, apply per space and can be changed in the admin view
 # SPACE_DEFAULT_MAX_RECIPES=0 # 0=unlimited recipes
 # SPACE_DEFAULT_MAX_USERS=0 # 0=unlimited users per space
diff --git a/cookbook/serializer.py b/cookbook/serializer.py
index 27104ce9..dab9ebc0 100644
--- a/cookbook/serializer.py
+++ b/cookbook/serializer.py
@@ -38,6 +38,8 @@ class ExtendedRecipeMixin(serializers.ModelSerializer):
                 return fields
         except AttributeError:
             pass
+        except KeyError:
+            pass
         del fields['image']
         del fields['numrecipe']
         return fields
diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index 1976ef33..6d7b0413 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -344,6 +344,7 @@
 <script type="application/javascript">
     localStorage.setItem('SCRIPT_NAME', "{% base_path request 'script' %}")
     localStorage.setItem('BASE_PATH', "{% base_path request 'base' %}")
+    localStorage.setItem('STATIC_URL', "{% base_path request 'static_base' %}")
     window.addEventListener("load", () => {
         if ("serviceWorker" in navigator) {
             navigator.serviceWorker.register("{% url 'service_worker' %}", {scope: "{% base_path request 'base' %}" + '/'}).then(function (reg) {
diff --git a/cookbook/templatetags/custom_tags.py b/cookbook/templatetags/custom_tags.py
index e22411c6..76ac08b4 100644
--- a/cookbook/templatetags/custom_tags.py
+++ b/cookbook/templatetags/custom_tags.py
@@ -142,7 +142,7 @@ def bookmarklet(request):
             localStorage.setItem('redirectURL', '" + server + reverse('data_import_url') + "'); \
             localStorage.setItem('token', '" + api_token.__str__() + "'); \
             document.body.appendChild(document.createElement(\'script\')).src=\'" \
-            + server + prefix + static('js/bookmarklet.js') + "? \
+               + server + prefix + static('js/bookmarklet.js') + "? \
             r=\'+Math.floor(Math.random()*999999999);}})();"
     return re.sub(r"[\n\t\s]*", "", bookmark)
 
@@ -153,3 +153,5 @@ def base_path(request, path_type):
         return request._current_scheme_host + request.META.get('HTTP_X_SCRIPT_NAME', '')
     elif path_type == 'script':
         return request.META.get('HTTP_X_SCRIPT_NAME', '')
+    elif path_type == 'static_base':
+        return static('vue/manifest.json').replace('vue/manifest.json', '')
diff --git a/vue/src/apps/ChecklistView/main.js b/vue/src/apps/ChecklistView/main.js
index 318cb9c8..b6151e82 100644
--- a/vue/src/apps/ChecklistView/main.js
+++ b/vue/src/apps/ChecklistView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/CookbookView/main.js b/vue/src/apps/CookbookView/main.js
index e0766d6e..cd4e9511 100644
--- a/vue/src/apps/CookbookView/main.js
+++ b/vue/src/apps/CookbookView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/ImportResponseView/main.js b/vue/src/apps/ImportResponseView/main.js
index b23267a3..ec49abb4 100644
--- a/vue/src/apps/ImportResponseView/main.js
+++ b/vue/src/apps/ImportResponseView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/MealPlanView/main.js b/vue/src/apps/MealPlanView/main.js
index 0dc36cf7..489965af 100644
--- a/vue/src/apps/MealPlanView/main.js
+++ b/vue/src/apps/MealPlanView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/ModelListView/main.js b/vue/src/apps/ModelListView/main.js
index 8236aaaf..c1a97e8e 100644
--- a/vue/src/apps/ModelListView/main.js
+++ b/vue/src/apps/ModelListView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/OfflineView/main.js b/vue/src/apps/OfflineView/main.js
index 24a59c12..eca5829a 100644
--- a/vue/src/apps/OfflineView/main.js
+++ b/vue/src/apps/OfflineView/main.js
@@ -4,6 +4,8 @@ import i18n from "@/i18n";
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/RecipeEditView/main.js b/vue/src/apps/RecipeEditView/main.js
index c07b4ee6..222e3587 100644
--- a/vue/src/apps/RecipeEditView/main.js
+++ b/vue/src/apps/RecipeEditView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/RecipeSearchView/main.js b/vue/src/apps/RecipeSearchView/main.js
index 2ecc4f48..68050297 100644
--- a/vue/src/apps/RecipeSearchView/main.js
+++ b/vue/src/apps/RecipeSearchView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/RecipeView/main.js b/vue/src/apps/RecipeView/main.js
index 2e449656..2a36a083 100644
--- a/vue/src/apps/RecipeView/main.js
+++ b/vue/src/apps/RecipeView/main.js
@@ -4,6 +4,8 @@ import i18n from "@/i18n";
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/src/apps/SupermarketView/main.js b/vue/src/apps/SupermarketView/main.js
index fb23d6a4..a3a35956 100644
--- a/vue/src/apps/SupermarketView/main.js
+++ b/vue/src/apps/SupermarketView/main.js
@@ -4,6 +4,8 @@ import i18n from '@/i18n'
 
 Vue.config.productionTip = false
 
+export default __webpack_public_path__ = localStorage.STATIC_URL + 'vue/' // eslint-disable-line
+
 new Vue({
     i18n,
     render: h => h(App),
diff --git a/vue/vue.config.js b/vue/vue.config.js
index 689731a6..beb599d1 100644
--- a/vue/vue.config.js
+++ b/vue/vue.config.js
@@ -48,7 +48,7 @@ module.exports = {
     filenameHashing: false,
     productionSourceMap: false,
     publicPath: process.env.NODE_ENV === 'production'
-        ? '/static/vue'
+        ? ''
         : 'http://localhost:8080/',
     outputDir: '../cookbook/static/vue/',
     runtimeCompiler: true,