This website uses cookies to enhance the user experience

Handling Cross-Origin Requests in JavaScript

Share:

Web DevelopmentJavaScript

Hey folks,
I’m trying to make cross-origin requests from my JavaScript application but I’m running into CORS (Cross-Origin Resource Sharing) issues. How can I properly handle CORS in my JavaScript app to ensure my requests are successful?

Harry David

9 months ago

1 Response

Hide Responses

Sophia Mitchell

9 months ago

Hi,
To handle CORS (Cross-Origin Resource Sharing) in JavaScript, you need to configure the server to allow cross-origin requests:

  1. Server-Side Configuration: Set the appropriate CORS headers on the server.
// Node.js example using Express
const express = require('express');
const app = express();

app.use((req, res, next) => {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});

app.get('/data', (req, res) => {
    res.json({ message: 'This is CORS-enabled.' });
});

app.listen(3000, () => console.log('Server running on port 3000'));
  1. Client-Side Request: Ensure the client makes requests to the correct endpoint.
fetch('http://localhost:3000/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

Proper server configuration ensures your cross-origin requests succeed.

0