From 72b758fc77ca868357d963b6306c853bb2b246f3 Mon Sep 17 00:00:00 2001
From: yennanliu <f339339@gmail.com>
Date: Wed, 29 Nov 2023 09:52:27 +0800
Subject: [PATCH] add fetch product data in App.vue

---
 .../Frondend/ecommerce-ui/src/App.vue         | 33 +++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/App.vue b/ShoppingCart/Frondend/ecommerce-ui/src/App.vue
index ab9e88746..2a4373be3 100644
--- a/ShoppingCart/Frondend/ecommerce-ui/src/App.vue
+++ b/ShoppingCart/Frondend/ecommerce-ui/src/App.vue
@@ -3,15 +3,44 @@
     <nav>
       <router-link to="/">Home</router-link> |
       <router-link to="/about">About</router-link> |
-      <router-link to="/admin/category">Category</router-link>  |
+      <router-link to="/admin/category">Category</router-link> |
       <router-link to="/admin/category/add">Add</router-link> |
       <router-link to="/admin/wishlist">Wishlist</router-link> |
       <router-link to="/admin/product">Product</router-link>
     </nav>
-    <router-view/>
+    <router-view />
   </div>
 </template>
 
+<script>
+import axios from "axios";
+
+export default {
+  // components: {},
+  data() {
+    return {
+      baseURL: "http://localhost:9999/",
+      products: [],
+      categories: [],
+    };
+  },
+  methods: {
+    async fetchData() {
+      await axios
+        .get(this.baseURL + "category/")
+        .then((res) => {
+          this.categories = res.data;
+        })
+        .catch((err) => console.log("err : " + err));
+    },
+  },
+
+  mounted() {
+    this.fetchData;
+  },
+};
+</script>
+
 <style>
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;