wip: add server proxy

components/PostRecord.vue

@@ -9,19 +9,43 @@ const asyncData = await useAsyncData(
     const response = $fetch(url);
     return response;
   }
-  );
+);
 
 const data = asyncData.data.value as Category[];
 categoryList.value = data
 
+// pricebox
+const priceBox = ref<number>()
+
+const postButton = async (): Promise<void> => {
+  console.log('start')
+  const asyncData = await useAsyncData(
+    `record`,
+    (): Promise<any> => {
+      const url = "/api/postRecord"
+      const response = $fetch(url);
+      console.log('response')
+      return response;
+    }
+  );
+};
+
 </script>
 
 <template>
   <section>
+
     <select name="categorySelector">
       <option v-for="category in categoryList" :key="category.category_id">
         {{ category.category_name }}
       </option>
     </select>
+
+    <input v-model="priceBox" type="number" />
+
+    <div class="col">
+      <button @click="postButton" name="postButton" class="sendbutton" type="submit">Post</button>
+    </div>
+
   </section>
 </template>

server/api/postRecord.ts

@@ -0,0 +1,7 @@
+export default defineEventHandler ( async (event) => {
+    const config = useRuntimeConfig()
+    const query = getQuery(event)
+    const url = "http://172.19.250.172:8080/v2/records" // TODO
+    const result = await $fetch(url)
+    return result
+})