Update to use proper API call.

src/constants/endpoints.js

@@ -55,7 +55,7 @@ const endpoints = {
         method: "POST",
     },
     LookupVinByImage: {
-        url: "https://localhost:44331/vehicle/api/v1/vehicle/vins-by-image",
+        url: "/vehicle/api/v1/vehicle/vins-by-image",
         method: "POST",
     },
     IsVinByAddressPermissible: {

src/global-methods.js

@@ -7,10 +7,16 @@ import { GaCategories, GaActions, GaLabels } from "@/constants/analytics";
 import { headerKeys } from "@/constants/header-keys";
 
 export default {
-    callHttpClient({ method, endpoint, payload, logApiCall = true }) {
+    callHttpClient({ method, endpoint, payload, logApiCall = true, isFormData = false }) {
         return new Promise((resolve, reject) => {
             const cfDistroUrl = applicationConfig.CONSUMER_CF_DISTRO;
-            const payloadAndAnalyticsData = Object.assign({}, payload, { AppName: "FixMyGlass" });
+            let payloadAndAnalyticsData = {};
+            if (isFormData) {
+                payloadAndAnalyticsData = payload;
+                payloadAndAnalyticsData.append("AppName", "FixMyGlass");
+            } else {
+                Object.assign(payloadAndAnalyticsData, payload, { AppName: "FixMyGlass" });
+            }
             const headers = {
                 [headerKeys.EXPERIMENT]: JSON.stringify(store.getters.experimentSettings),
             };
@@ -53,24 +59,6 @@ export default {
         });
     },
 
-    // TODO: Remove after replacing test endpoint with real endpoint, then call through normal api call.
-    callExternalHttpClient({ method, endpoint, payload }) {
-        return new Promise((resolve, reject) => {
-            axios({
-                method: method,
-                url: endpoint,
-                data: payload,
-            }).then(
-                (response) => {
-                    return resolve(response);
-                },
-                (error) => {
-                    return reject(error.response);
-                }
-            );
-        });
-    },
-
     /* istanbul ignore next */
     callMockHttpClient({ method, endpoint }) {
         // For Mock use only!

src/store/index.js

@@ -533,10 +533,11 @@ export const actions = {
     lookupVinByImage(context, image) {
         const data = new FormData();
         data.append("vinImage", image);
-        return globalMethods.callExternalHttpClient({
+        return globalMethods.callHttpClient({
             method: endpoints.LookupVinByImage.method,
             endpoint: endpoints.LookupVinByImage.url,
             payload: data,
+            isFormData: true,
         });
     },
     isVinByAddressPermissible(context, zip) {