跨域请求
跨域请求
提问于 2017-01-30 20:56:31
我想上传图像在后台从前台...我会使用ngFileUploader bower组件。我的前端代码是：
function SampleController(SampleData,Upload,$http) {
var vm = this;
vm.uploadFiles = function(files, errFiles) {
Upload.upload({
url: "localhost:5000/upload", //webAPI exposed to upload the file
data: {
file: files
}
}).then(function(resp) {
console.log(resp)});
}我将在它的html文件中添加ngf-select。它将显示错误-- XMLHttpRequest无法加载localhost:5000/upload。只有http、data、chrome、chrome-extension、https、chrome-extension-resource等协议方案才支持跨域请求。我该怎么解决它？？
回答 2
Stack Overflow用户
发布于 2017-01-30 21:01:49
您需要添加以下内容：
header('Access-Control-Allow-Headers: Content-Type');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Origin: *');我的项目后台是laravel。因此，我将其包含在Route文件中。
Stack Overflow用户
发布于 2017-01-30 21:22:08
将cors过滤器作为中间件添加到应用程序中
var app = require('express')();
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
res.header('Access-Control-Allow-Methods', ['GET', 'PUT', 'POST', 'DELETE']);
next();
});我建议您将您允许的来源列入白名单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41936492
复制相关文章
相似问题
腾讯云开发者
