provide config.js

src/components/AutoComplete.vue

@@ -109,7 +109,7 @@ export default {
   },
   data() {
     return {
-      iconUrl: process.env.VUE_APP_API_URL,
+      iconUrl: this.apiUrl,
       searchText: "",
       contactContent: "",
       searchResults: [],
@@ -122,7 +122,7 @@ export default {
     async search() {
       try {
         const request = await this.axios.get(
-          `${process.env.VUE_APP_API_URL}/${this.type}s?search=${this.searchText}`,
+          `${this.apiUrl}/${this.type}s?search=${this.searchText}`,
           {
             headers: {
               Authorization: `Bearer ${localStorage.getItem("token")}`,
@@ -204,4 +204,4 @@ export default {
     },
   },
 };
-</script>
+</script>

src/components/ProfileList.vue

@@ -59,8 +59,8 @@ export default {
   },
   data() {
     return {
-      iconUrl: process.env.VUE_APP_API_URL
+      iconUrl: this.apiUrl
     }
   }
 };
-</script>
+</script>