diff --git a/frontend/src/views/recipeDetail.vue b/frontend/src/views/recipeDetail.vue
index 49b0478..35c1329 100644
--- a/frontend/src/views/recipeDetail.vue
+++ b/frontend/src/views/recipeDetail.vue
@@ -33,6 +33,8 @@ import 'element-plus/dist/index.css';
 import router from '@/router/index';
 import input_recipe from '@/components/input_recipe.vue';
 import constants from '@/utils/constants.js';
+import config from '@/config/index';
+
 export default {
   name: 'RecipeDetail',
   components: { input_recipe },
@@ -44,7 +46,7 @@ export default {
   },
   mounted() {
     axios
-      .get('//localhost:8000/recipe/recipe/' + this.$route.params.id)
+      .get(config.publicPath + '/recipe/recipe/' + this.$route.params.id)
       .then((response) => (this.recipe = response.data));
   },
   methods: {