Update application

api/search.js

@@ -1,26 +1,24 @@
 const axios = require('axios');
 
-module.exports = (req, res) => {
-  const apiKey = process.env.API_KEY;
+module.exports = async (req, res) => {
+  const apiKey = process.env.API_KEY; // Ensure this is set in your Vercel project settings
   const { term, location, sort_by } = req.query;
 
-  console.log('API Key:', apiKey); // add this line
-  console.log('Request query params:', req.query); // and this line
-
-  axios({
-    method: 'get',
-    url: `https://api.yelp.com/v3/businesses/search?term=${term}&location=${location}&sort_by=${sort_by}`,
-    headers: {
-      Authorization: `Bearer ${apiKey}`,
-    },
-  })
-    .then((response) => {
-      console.log('Yelp API response:', response.data); // and this line
-      res.send(response.data);
-    })
-    .catch((error) => {
-      console.log('Yelp API error:', error); // and this line
-      res.status(error.response.status);
-      res.send(error.response.data);
+  try {
+    const { data } = await axios.get(`https://api.yelp.com/v3/businesses/search`, {
+      params: { term, location, sort_by },
+      headers: {
+        Authorization: `Bearer ${apiKey}`,
+      },
     });
+    res.status(200).json(data);
+  } catch (error) {
+    if (error.response) {
+      // Forward Yelp API's error response
+      res.status(error.response.status).json(error.response.data);
+    } else {
+      // Handle network or other errors
+      res.status(500).json({ message: 'An error occurred while contacting the Yelp API' });
+    }
+  }
 };

vercel.json

@@ -1,8 +1,13 @@
 {
     "routes": [
-        {
-            "src": "/(.*)",
-            "dest": "/index.html"
-        }
+      {
+        "src": "/api/(.*)",
+        "dest": "/api/$1"
+      },
+      {
+        "src": "/(.*)",
+        "dest": "/index.html"
+      }
     ]
-}
+  }
+