I have been attempting to send a fetch request to my server, but I am consistently receiving an empty req.body.
Here is the client-side script:
const form = document.getElementById('form1')
form.addEventListener('submit', (e) => {
e.preventDefault();
const formData = new FormData(form);
const link = formData.get('link');
var payload = {
link
};
console.log(payload);
const options = {
method: "POST",
body: JSON.stringify(payload),
headers: {
'content-type': 'application/json'
}
}
console.log(options);
fetch('/api/gtmetriks', options)
.then(response => response.json()).then(result => console.log(result)).catch(err => console.log(err));
})
And here is the server-side code:
const bodyParser = require('body-parser');
const cors = require('cors')
const app = express()
//Using Cors
app.use(cors())
app.use(bodyParser.urlencoded({
extended: true
}));
// Parsing application/json
app.use(bodyParser.json())
app.post('/api/gtmetriks', (req, res) => {
console.log(req.body);
})
When I make the post request, I am seeing '{}' in the console output. There are no errors being displayed in the client's browser console either.