Axios React cors issue on product

Asked Jan 12 '23 at 08:05

Active Jan 12 '23 at 08:05

Viewed 69 times

my third party axios requests works properly on local mode properly thanks to "http-proxy-middleware", but after i build and deploy it, axios requests gives homepage html as response.

setupProxy.js file

const { createProxyMiddleware } = require("http-proxy-middleware")
const cors=require("cors")
const express = require('express');
const app = express();
module.exports=app=>{
 
    app.use(
        createProxyMiddleware("/api",
        {
            target:"third-party-api-url",
            secure:false,
            changeOrigin:true
        })
    )

ApiFrontend.jsx file

const [apiData,setApiData]=useState("")
  var data = JSON.stringify({
    "MERCHANT": "****",
    "MERCHANT_KEY": "*******************************"
  });
var config = {
    method: 'POST',
    headers: { 
      'Content-Type': 'application/json'
    },
    data : data
  };


  useEffect(()=>{
    axios("/api",config)
    .then(function (response) {
      setApiData(response.data);
    })
    .catch(function (error) {
      console.log(error);
    });
  },[])

i tried node server with express and use;

app.use(cors({ 
  origin: API_URL, 
  credentials: true 
 }));

but it gives the same response

asked Jan 12 '23 at 08:05

Faruk

What is the value of `API_URL`? – jub0bs Jan 12 '23 at 08:15
my https landingpage url – Faruk Jan 12 '23 at 08:17
But what format does it have? Does it contain a path? – jub0bs Jan 12 '23 at 08:21
no just https://myUrl.com – Faruk Jan 12 '23 at 08:22
1

Do you invoke `app.use(cors(...))` _before_ your route? – jub0bs Jan 12 '23 at 09:25
in setupProxy? no – Faruk Jan 12 '23 at 11:00
We're getting nowhere. Please provide a https://stackoverflow.com/help/minimal-reproducible-example – jub0bs Jan 12 '23 at 13:38
you are right, the point is I am adding payment mechanism to my product, payment firm gives us a API , when i use it with postman via my keys it works. At development section i use "http-proxy-middleware" it gives also response, but when i run "npm run build" and load build to server "hostinger", it gives me a cors error. our domain https securely by the way. – Faruk Jan 12 '23 at 14:35

Axios React cors issue on product

0 Answers0