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

【问题标题】："angular2-image-upload" npm library CORS error“angular2-image-upload” npm 库 CORS 错误
【发布时间】：2019-06-18 13:25:51
【问题描述】：

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

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

错误：

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

zone.js:2969 跨域读取阻塞 (CORB) 阻止了 MIME 类型 application/json 的跨域响应 http://192.168.2.103:20005/storage。详情请见https://www.chromestatus.com/feature/5629709824032768。

HTML 代码：

 &lt;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)" "&gt;&lt;/image-upload&gt;

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

正如我所说，同样的调用在以前的版本中工作得很好。

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

【问题讨论】：

请edit该问题并将该错误显示为可复制、可搜索的文本。

标签： javascript angular npm cors

【解决方案1】：

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

【讨论】：

只有一个其他版本“1.0.0-rc.0”我也试过了，但给出了相同的结果。不过谢谢！