ng2文件上传访问控制源问题

Question

我已经使用这个库angular2文件上传https://github.com/valor-software/ng2-file-upload

现在我上传文件时收到此错误

无法加载XMLHttpRequesthttp://localhost:8080/files.对飞行前请求的响应未通过访问控制检查：当请求的凭据模式为“include”时，响应中“access control Allow Origin”标头的值不得为通配符“*”。原点'http://localhost:3000因此不允许访问。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制。

Answer 1

你可以试试这个：

ngAfterViewInit() {
   this.uploader.onAfterAddingFile = (item => {
      item.withCredentials = false;
   });
}

Answer 2

'Access-Control-Allow-Credentials' = true

这是CORS提供的安全性，您不允许这样做。如果要允许凭据，则不能使用Access Control Allow Origin。您必须指定确切的域。尝试指定

localhost:<portnumber>

有关更多信息，请查看以下链接

1. 访问控制允许源通配符子域、端口和协议

Answer 3

在上载项目之前，将凭据设为false。您可以将此代码放入ngOnInit构造函数或ngOnChanges。

this.uploader.onBeforeUploadItem = (item) => {
  item.withCredentials = false;
}