angular-Access 到 XMLHttpRequest 中的文件上传问题已被 CORS 策略阻止

Question

我曾经使用 angular 和网络 api 上传文件，使用以下代码一切正常。但是当我尝试上传 .zip 文件时失败并出现以下错误

Access to XMLHttpRequest at 'upload' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

angular中使用的代码如下

public uploadFiles(fd) : Observable<any> {
    console.log('reached uploadFiles in networkinfo');
    var url = this.baseApiUrl + 'RadioLink/upload' ;

    return this.httpService.post(url , fd);
}//responseType: 'blob'

即使我尝试如下添加 headers 但没有成功

   public uploadFiles(fd) : Observable<any> {
        console.log('reached uploadFiles in networkinfo');
        var url = this.baseApiUrl + 'RadioLink/upload' ;
        console.log('networkinfo url = '+url);
       // var reqHeader = new HttpHeaders({ 'Content-Type': 'multipart/form-data' });
        var reqHeader = new HttpHeaders({
            'Content-Type': 'application/json',
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Headers': 'Content-Type',
            'Access-Control-Allow-Methods': 'GET,POST,OPTIONS,DELETE,PUT',
          });
        //let obj = new SaveRequestForTranLink({ Action: a,BH_SLNO:bh_slNo, BHTransmissionLink: link, RequestProjectSearch: this.requestSearch});
        return this.httpService.post(url , fd);
    }//responseType: 'blob'

知道如何解决问题

编辑抱歉，这似乎是文件大小问题，当我尝试上传大型 .zip 文件时，出现此错误 comes.Small .zip 文件工作正常

Answer 1

抱歉，这是从 angular 到 Web api 的文件大小问题，在对 Web api webconfig 进行以下更改后，问题已解决

<httpRuntime maxRequestLength="1048576" executionTimeout="3600" />

<security>
    <requestFiltering>
        <requestLimits maxAllowedContentLength="1073741824" />
    </requestFiltering>
</security>

angular-Access 到 XMLHttpRequest 中的文件上传问题已被 CORS 策略阻止

File upload issue in angular-Access to XMLHttpRequest at from origin has been blocked by CORS policy

asp.net-web-api

angular