结合使用Angular和代理访问服务器API时,上传时出错

时间:2019-07-09 14:17:21

标签: node.js angular formidable

我正在将文件上传到Node.js后端,并在服务器端使用强大的功能。我已在angular 2前端中配置了代理以将呼叫重定向到后端。我收到500错误,状态文本为未知错误和ERR_CONNECTION_ABORTED

该应用程序允许用户将图像文件(JPEG)上传到服务器,该文件在上传时将移至Azure存储。然后可以通过Azure CDN访问这些图像。当我在同一端口上同时运行后端和前端时,一切正常。但是,当在前端配置了代理的情况下在单独的端口上分别运行两个文件时,上传将失败。该错误消息不是很有帮助。

在服务器端

var form = formidable.IncomingForm();
    form.multiples = true;
    form.parse(req, function (error, fields, files) {
...
    }

在客户端

uploadFiles = (evt) => {
    var formData = new FormData();
    var files = evt.target.files;

    for(var file = 0; file < files.length; file++){         
        formData.append("file" + file, files[file], files[file].name);                 
    } 
    this.fileUploader.uploadFiles(formData).subscribe((response) => {

    }

我希望将文件上传并保存到Azure存储器,但是当代理服务器端代码时,出现500错误,状态文本为“未知错误”。开发人员工具针对POST请求显示ERR_CONNECTION_ABORTED。

0 个答案:

没有答案