How do I enable CORS in webpack-dev-server?

How do I enable CORS in webpack-dev-server?

To enable CORS in webpack-dev-server, you can set the headers option in the devServer configuration. Here's an example:

devServer: {
  headers: {
    'Access-Control-Allow-Origin': '*',
  },
},

Is there a way to restrict CORS to specific origins?

Yes, you can specify a particular origin instead of using '*'. For example:

devServer: {
  headers: {
    'Access-Control-Allow-Origin': 'https://example.com',
  },
},

What if I need to allow multiple origins?

If you need to allow multiple origins, you can use a function to dynamically set the Access-Control-Allow-Origin header based on the request origin.

Can I also enable CORS for specific HTTP methods?

Yes, you can specify allowed methods using the Access-Control-Allow-Methods header. For example:

devServer: {
  headers: {
    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE',
  },
},