fix: use relative API URL with Vercel proxy to fix UPI/card payment 405 error

Author: Mishra-coder

frontend/src/components/Checkout.jsx

@@ -36,8 +36,11 @@ const Checkout = ({ cartItems, onClose, onOrderPlaced }) => {
     const loaded = await loadRazorpayScript();
     if (!loaded) { alert('Razorpay failed to load. Check your internet.'); return; }
 
+    // Use relative URL so it works on any deployment (Vercel proxy handles it)
+    const apiBase = import.meta.env.VITE_API_URL || '';
+
     try {
-      const res = await fetch(`${import.meta.env.VITE_API_URL}/api/payment/create-order`, {
+      const res = await fetch(`${apiBase}/api/payment/create-order`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ amount: totalAmount }),
@@ -60,7 +63,7 @@ const Checkout = ({ cartItems, onClose, onOrderPlaced }) => {
         description: 'Shoe Purchase',
         order_id: data.orderId,
         handler: async (response) => {
-          const verifyRes = await fetch(`${import.meta.env.VITE_API_URL}/api/payment/verify`, {
+          const verifyRes = await fetch(`${apiBase}/api/payment/verify`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify(response),

frontend/vercel.json

@@ -3,6 +3,7 @@
     { "source": "/preview", "destination": "/", "permanent": true }
   ],
   "rewrites": [
+    { "source": "/api/:path*", "destination": "https://zappify-dz5a.vercel.app/api/:path*" },
     { "source": "/(.*)", "destination": "/index.html" }
   ]
 }