“ angular2-image-upload” npm库CORS错误

Question

我正在使用angular2-image-upload库上传某些文件

我最近从0.6.6版本升级到1.0.0-rc.1（因为将来我将需要一些新功能）但是，每次我尝试上传图像时（使用时，它都会崩溃）工作正常）。

错误：

从原点“ http://192.168.2.103:20005/storage”到“ http://192.168.2.103:3007”处对XMLHttpRequest的访问已被CORS策略阻止：对预检请求的响应未通过访问控制检查：否'Access-Control-Allow-来源的标头出现在请求的资源上。

zone.js：2969跨域读取阻止（CORB）阻止了MIME类型为application / json的跨域响应http://192.168.2.103:20005/storage。有关更多详细信息，请参见https://www.chromestatus.com/feature/5629709824032768。

HTML代码：

 <image-upload [preview]="true" [beforeUpload]="onBeforeUpload" [extensions]="getExtension(field.encodingtype)" [url]="localEnvironment.apiURL + '/storage'"  [headers]="imageHeaders" [maxFileSize]="getMaxFileSize(field.MaxSize, field)" [buttonCaption]="'Select Files'" [dropBoxMessage]="'Drop your files here!'"(onFileUploadFinish)="fileSentHandler($event, field,imageHeaders)" "></image-upload>

我处理了CORS限制，甚至拥有用于允许控件来源的典型插件。

正如我所说，同一呼叫在以前的版本中也可以正常工作。

??关于如何跳过此问题的任何想法？

Answer 1

您正在使用的新版本正在开发中，我相信0.6.6之后可能还会有其他版本包含您正在寻找的新功能。