【发布时间】:2017-04-20 03:34:31
【问题描述】:
我正在尝试将图像从客户端上传到服务器进行处理,然后再上传到 S3 AWS 存储桶。它在本地服务器上工作得很好,但在实时服务器上却不行。
XMLHttpRequest cannot load https://api.parthenon-click.com/img_upload/cover. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.parthenon-click.com' is therefore not allowed access. The response had HTTP status code 413.
我使用 ElasticBeanstalk PHP v5.4 作为客户端服务器,使用 Node v7.0 和 Express v4 服务器作为后端。客户端是简单的 html/css/jQuery。我从用户库中抓取一张照片并将其传递给后端:
$.ajax({
url: api_url,
type: 'POST',
data: form,
processData: false,
contentType: false,
success: function(data){
console.log('upload successful!');
},
error: function(err){
console.log(err);
}
});
只要文件小于 1mb,它就可以工作并保存图像。虽然我仍然收到 504 HTTP 错误。只要我运行的是本地服务器,无论文件大小如何,它都能正常工作。
所以我尝试提高body-parser、htaccess 和multer 限制:
正文解析器:
app.use(bodyParser.json({limit: '50mb'}));
app.use(bodyParser.urlencoded({ limit: '50mb', extended: true, parameterLimit:50000 }));
app.use(bodyParser.raw({ limit: '10mb'}) );
穆尔特:
var upload = multer({
storage: storage,
limits: {
fileSize: 10000000
}
})
.htaccess:
php_value upload_max_filesize 30M
我的头文件适用于所有其他类型的 api 请求。我设置它们使用:
router.use(function(req, res, next) {
// do logging
//set CORS policy to 'allow'
res.setHeader("Access-Control-Allow-Methods", "POST, PUT, OPTIONS, DELETE, GET");
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
最后但并非最不重要的一点是,所有域版本都启用了 SSL。
这些都没有解决问题。我在这里错过了什么?
【问题讨论】:
-
在 Node 和 PHP 之前你使用的是 Apache 还是 Nginx?
-
@CreasolDev Nginx
-
那么,我可能已经得到了你的答案,请稍等。
-
尽你所能。这个让我摸不着头脑
标签: node.js .htaccess express amazon-elastic-beanstalk body-parser