Set up proxy for business search

oliv-yu · May 20, 2024 · d62825e · d62825e
1 parent ed56d7c
commit d62825e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/BusinessCard.js b/src/components/BusinessCard.js
@@ -10,9 +10,7 @@ function BusinessCard({ location, onChangeLocation }) {
 		axios
 			.request({
 				method: 'GET',
-				// for local development `lcp --proxyUrl https://api.yelp.com/` to avoid CORS issue
-				// url: 'http://localhost:8010/proxy/v3/businesses/search',
-				url: 'https://api.yelp.com/v3/businesses/search',
+				url: '/v3/businesses/search',
 				params: {
 					sort_by: 'best_match',
 					limit: '10',

diff --git a/src/setupProxy.js b/src/setupProxy.js
@@ -0,0 +1,11 @@
+const createProxyMiddleware = require('http-proxy-middleware')
+
+module.exports = function (app) {
+	app.use(
+		'/v3/businesses/search',
+		createProxyMiddleware({
+			target: 'https://api.yelp.com',
+			changeOrigin: true,
+		})
+	)
+}