I am trying to send https request from ReactJs to NodeJs using axios. but i always getting the error Access to XMLHttpRequest at 'https://sadsadsadsa.com/get-data' from origin 'https://sdadsads432a.com' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
My NodeJs :
const express = require('express')
const app = express()
const port = 3000
let bodyParser = require('body-parser')
let cors = require('cors')
app.options('*', cors({ allowedHeaders: true, optionsSuccessStatus: 200, preflightContinue: true, origin: '*' }))
app.post('/get-data', (req, res) => {
res.setHeader("Access-Control-Allow-Origin", "*");
res.setHeader("Access-Control-Allow-Headers", "*");
res.setHeader("Access-Control-Allow-Methods", 'OPTIONS,POST,GET')
res.setHeader("Content-Type", "application/json")
if (req.body.access_key == '#3zF932988011ec3c1x8F@11ec3c1x8f') {
res.json({ token: 'Token' })
}
})
app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
ReactJs :
axios.post('https://sadsadsadsa.com/get-data',{ api, 'access_key': '#3zF932988011ec3c1x8F@11ec3c1x8f' },{}).then((res) => {
mobileToken = res.data.token
resolve('done')
})
How can i overcome this issue.