changed local url to backend service

instance-labeler/app/canvas.tsx

@@ -171,7 +171,7 @@ export default function Canvas({ imageUrl, imageName }: { imageUrl: string, imag
     pointsRef.current = points;
 
     const res = await axios.post(
-      `${BASE_URL}/v1/get_label_preds/${imageName}`,
+      `v1/get_label_preds/${imageName}`,
       {
         points: points,
         labels: labels,
@@ -230,7 +230,7 @@ export default function Canvas({ imageUrl, imageName }: { imageUrl: string, imag
       masks.push(labelData);
     }
 
-    const res = await axios.put(`${BASE_URL}/v1/label_image/${imageName}`,
+    const res = await axios.put(`v1/label_image/${imageName}`,
       {
         masks: masks,
         labels: classList,
@@ -245,7 +245,7 @@ export default function Canvas({ imageUrl, imageName }: { imageUrl: string, imag
   const getLabels = async () => {
     clearLayers();
     try {
-      const res = await axios.get(`${BASE_URL}/v1/get_labels/${imageName}`);
+      const res = await axios.get(`v1/get_labels/${imageName}`);
       classOptionsRef.current = [...new Set(res.data.labels)];
       // add an initial group to start with
       groupRef.current.push(new Konva.Group());
@@ -269,7 +269,7 @@ export default function Canvas({ imageUrl, imageName }: { imageUrl: string, imag
 
     clearLayers();
     try {
-      const res = await axios.post(`${BASE_URL}/v1/get_multi_label_preds/${imageName}`, {
+      const res = await axios.post(`v1/get_multi_label_preds/${imageName}`, {
         mask: mask,
         label: classList[length - 1],
       });
@@ -287,7 +287,7 @@ export default function Canvas({ imageUrl, imageName }: { imageUrl: string, imag
   const getBboxes = async () => {
     clearLayers();
     try {
-      const res = await axios.get(`${BASE_URL}/v1/get_labels/${imageName}`);
+      const res = await axios.get(`v1/get_labels/${imageName}`);
       classOptionsRef.current = [...new Set(res.data.labels)];
       groupRef.current.push(new Konva.Group());
       for (let i = 0; i < res.data.bboxes.length; i++) {

instance-labeler/app/page.tsx

@@ -11,13 +11,13 @@ export default function Home() {
   const [displayIndex, setDisplayIndex] = useState<number>(0);
 
   const getAllImages = async () => {
-    const res = await axios.get(`${BASE_URL}/v1/get_all_images`);
+    const res = await axios.get(`v1/get_all_images`);
     setImages(res.data.images);
   }
 
   const setCurrentImage = async () => {
     if (images[displayIndex] === undefined) return;
-    const res = await axios.get(`${BASE_URL}/v1/get_image/${images[displayIndex]}`);
+    const res = await axios.get(`v1/get_image/${images[displayIndex]}`);
     const contentType = res.headers['content-type'];
     setDisplayImage(`data:${contentType};base64,${res.data}`);
   }
@@ -26,7 +26,7 @@ export default function Home() {
     const reader = new FileReader();
     reader.addEventListener("load", async () => {
       const newImageName = `img${images.length + 1}`;
-      const res = await axios.put(`${BASE_URL}/v1/upload_image/${newImageName}`,
+      const res = await axios.put(`v1/upload_image/${newImageName}`,
         {
           image: reader.result,
         }