webpack-dev-server CORS

Webpack Dev Server默认启用同源策略，即只允许来自同一域名下的请求访问资源。如果你需要跨域访问资源，可以通过配置webpack-dev-server的proxy选项来实现。

例如，在webpack-dev-server的配置文件中加入以下代码即可实现CORS跨域访问：

devServer: {
  proxy: {
    '/api': {
      target: 'http://localhost:3000',
      pathRewrite: {'^/api' : ''}
    }
  }
}

上述配置将所有以/api开头的请求代理到http://localhost:3000上，并将/api前缀去掉。这样，你就可以通过跨域访问http://localhost:8080/api下的资源了。

相关问题

devServer设置cors

在webpack中配置devServer的时候，可以通过设置`headers`来实现CORS（跨域资源共享）。

以下是一个示例配置：

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

这里的`Access-Control-Allow-Origin`设置了允许所有域名的请求，`Access-Control-Allow-Headers`设置了允许请求头为`Content-Type`的请求。你也可以根据需要进行自定义设置。

需要注意的是，这种方法只是在开发环境下起作用，因为在生产环境中应该使用nginx等服务器去设置CORS。