Angular 2表示数据以表达CORS问题

时间:2017-03-03 10:38:30

标签: angular express cors

我正在尝试将一些文件上传到Express服务器,服务器正在使用像这样的cors()模块

app.use(cors());

这是上传文件的Angular 2代码

let formData:FormData = new FormData();
    for(let i = 0; i < files.length; i++) {
        let file = files[i];
        formData.append(`file`+(i+1), file, file.name);
    }

    let token = localStorage.getItem('supersecrettoken');
    let headers = new Headers();
    headers.append("Content-Type", 'multipart/form-data');
    headers.append("auth", token);

    return this.http.post(`${Constants.SERVER_IP}/imports`, formData, {headers: headers})
        .map(response => {
            return response.json();
        })
        .catch(this.logger.handleError).share();

现在返回以下错误

 No 'Access-Control-Allow-Origin' header is present on the requested resource

如果我将multipart / form-data更改为application / json,它将起作用。

如何将多个文件上传到服务器呢?

问候!

1 个答案:

答案 0 :(得分:0)

您现在可能已经解决了这个问题,但如果没有,只需将其添加到标题中:

headers.append('Access-Control-Allow-Origin', '*');

'*'表示任何域名。您可能希望将其限制为特定域。