link

frontend/src/components/Banner.vue

 <template>
   <div class="banner">
     <div class="name">
-      <router-link :to="'/?uid=' + userId"
-        ><img class="logo" alt="Vue logo" src="../assets/logo.png"
+      <router-link :to="'/' + '?uid=' + userId">
+        <img class="logo" alt="Vue logo" src="../assets/logo.png"
       /></router-link>
       <h1 class="text">CaCaoCritics</h1>
     </div>
@@ -16,6 +16,8 @@
 <script>
 import BurgerMenu from "@/components/BurgerMenu.vue";
 import SearchBar from "./SearchBar.vue";
+import axios from "axios";
+const backendURL = process.env.VUE_APP_BACKEND_BASE_URL;
 
 export default {
   name: "Banner",
@@ -27,12 +29,25 @@ export default {
     return {
       userId: "",
     };
+  },
+  methods: {
+    fetchMovies: function () {
+      axios
+        .get(backendURL + "/movies/popular/20")
+        .then((response) => {
+          this.movies = response.data;
+          console.log(response.data);
+        })
+        .catch((error) => {
+          this.moviesLoadingError = "An error occured while e ing movies.";
+          console.error(error);
+        });
+    },
   },
     created() {
       this.userId = this.$route.query.uid;
-    console.log("a");
-    console.log(this.$route.query.uid);
-    console.log("a");
+      console.log(this.$route);
+      this.fetchMovies();
     },
 };
 </script>

frontend/src/components/BurgerMenu.vue

@@ -5,9 +5,9 @@
 
       <!-- Classic Menu -->
       <nav role="navigation" id="topnav_menu">
-        <a class="topnav_link" href="/addUsers">INSCRIPTION</a>
-        <a class="topnav_link" href="/Connexion">CONNEXION</a>
-        <a class="topnav_link" href="/users">USER</a>
+        <a class="topnav_link" :href="'/addUsers/'+ '?uid=' + userId">INSCRIPTION</a>
+        <a class="topnav_link" :href="'/Connexion/'+ '?uid=' + userId">CONNEXION</a>
+        <a class="topnav_link" :href="'/users/'+ '?uid=' + userId">USER</a>
       </nav>
 
       <a
@@ -36,6 +36,9 @@
 </template>
 
 <script>
+import axios from "axios";
+const backendURL = process.env.VUE_APP_BACKEND_BASE_URL;
+
 export default {
   methods: {
     data: function () {

frontend/src/views/Users.vue

@@ -49,11 +49,8 @@ export default {
   created() {
     this.userId = this.$route.query.uid;
     this.getLiked().then((results) => {
-      console.log(results);
       this.likedFilms = results;
     });
-    console.log(this.userId);
-    console.log(this.likedFilms);
   },
 };
 </script>