Segregated development URLs

Dockerfile

@@ -13,6 +13,7 @@ RUN npm run build
 # setup app
 FROM node:20
 WORKDIR /app
+ENV NODE_ENV="production"
 
 # install production dependencies
 COPY package*.json .

client/Root.jsx

@@ -25,13 +25,13 @@ export default function Root() {
 
         setLoading(true)
 
-        const url = "http://localhost:3000/locations"
+        const url = (process.env.NODE_ENV === "development") ? "http://localhost:3000/locations" : "/locations"
 
         if (searchTimeout) clearTimeout(searchTimeout);
         searchTimeout = setTimeout(async () => {
             try {
 
-                const response = await fetch("http://localhost:3000/locations", {
+                const response = await fetch(url, {
                     method: "POST",
                     headers: { "Content-Type": "application/json" },
                     body: JSON.stringify({ string: search }),

client/Show.jsx

@@ -44,9 +44,9 @@ export default function Weather() {
         const fetchWeatherData = async () => {
 
             // urls
-            const weatherUrl = "http://localhost:3000/weather";
-            const forecastUrl = "http://localhost:3000/forecast";
-            const airQualityUrl = "http://localhost:3000/airquality";
+            const weatherUrl =(process.env.NODE_ENV === "development") ? "http://localhost:3000/weather" :  "/weather";
+            const forecastUrl = (process.env.NODE_ENV === "development") ? "http://localhost:3000/forecast" : "/forecast";
+            const airQualityUrl = (process.env.NODE_ENV === "development") ? "http://localhost:3000/airquality" : "/airquality";
             const lat = searchParams.get("lat");
             const lon = searchParams.get("lon");
             const tz = tz_lookup(lat, lon)

server.js

@@ -32,7 +32,6 @@ app.use(express.urlencoded({ extended: false }));
 app.use((req, res, next) => {
 
     const allowedOrigins = [
-        "http://localhost:3000",
         "http://127.0.0.1:8080",
         "http://127.0.0.1:3000"
     ];