diff --git a/frontend/src/components/daily_recipe_detail.vue b/frontend/src/components/daily_recipe_detail.vue
index d28fedc..7e60e26 100644
--- a/frontend/src/components/daily_recipe_detail.vue
+++ b/frontend/src/components/daily_recipe_detail.vue
@@ -49,6 +49,7 @@
 
 <script>
 import axios from 'axios';
+import config from '@/config/index';
 export default {
   name: 'DailyRecipeDetail',
   data: function() {
@@ -60,7 +61,7 @@ export default {
   },
   mounted() {
     axios
-      .get('//localhost:8000/recipe/daily-recipe/' + this.$route.params.id)
+      .get(config.publicPath + '/recipe/daily-recipe/' + this.$route.params.id)
       .then((response) => {
         var data = {
           meat: [],