Axios add, url handling, sub url

src/components/Hero.vue

@@ -45,6 +45,7 @@ import { computed, defineComponent } from "vue-demi";
 import { routes } from "@/router";
 import { useDark, useToggle } from "@vueuse/core";
 import logoUrl from '@/assets/mvsr-logo.png';
+import axios from 'axios';
 
 export default defineComponent({
   setup: (_, ctx) => {
@@ -52,12 +53,17 @@ export default defineComponent({
     const appName = import.meta.env.VITE_APP_NAME;
     const urlMjpeg = import.meta.env.VITE_APP_ESP32_MJPEG;
     const previewUrl = import.meta.env.VITE_APP_ESP32_PREVIEW;
+    const esp32ip = import.meta.env.VITE_APP_ESP32_IP;
+    const oneurl = import.meta.env.VITE_APP_SEND_ONE;
+    const zerourl = import.meta.env.VITE_APP_SEND_ZERO;
+    const pulseurl = import.meta.env.VITE_APP_SEND_PULSE;
+
     var clickMJ = 0;
     var clickPW = 0;
     var previewSrc = [ logoUrl, previewUrl];
     var mjpegSrc = [ urlMjpeg, logoUrl];
 
-    return { appName, previewSrc, mjpegSrc, clickMJ, clickPW };
+    return { appName, previewSrc, mjpegSrc, clickMJ, clickPW, esp32ip, oneurl, zerourl, pulseurl };
   },
   methods: {
     clickPreview() {
@@ -77,11 +83,40 @@ export default defineComponent({
     },
     openDoor() {
       console.log('Open Door');
+      axios.get(esp32ip + oneurl)
+	.then(response => {
+	//
+	//this.result = response.data;
+	console.log('DATA = ',response.data);
+	})
+	.catch(e => {
+	  this.errors.push(e)
+	})
     },
     closeDoor() {
       console.log('Close Door');
+      axios.get(esp32ip + zerourl)
+	.then(response => {
+	//
+	//this.result = response.data;
+	console.log('DATA = ',response.data);
+	})
+	.catch(e => {
+	  this.errors.push(e)
+	})
+
     },
     pulseDoor() {
+      axios.get(esp32ip + pulseurl)
+	.then(response => {
+	//
+	//this.result = response.data;
+	console.log('DATA = ',response.data);
+	})
+	.catch(e => {
+	  this.errors.push(e)
+	})
+
       console.log('Send pulse to Door');
     }
   }

src/router/index.ts

@@ -29,7 +29,7 @@ export const routes: RouteConfig[] = [
 ];
 
 const router = new VueRouter({
-  base: "/",
+  base: "/camera/",
   mode: "history",
   routes,
 });