Я боролся с загрузкой изображений на сервере. Я использую ngFileUpload на лицевой стороне. Но я всегда получаю
"Ответ на запрос предварительной проверки не проходит проверку контроля доступа: нет заголовка" Access-Control-Allow-Origin "на запрошенном ресурсе"
Angular Код для загрузки файла:
var uploadFile = function (file) {
if (file) {
if (!file.$error) {
Upload.upload({
url: baseUrl+'upload',
file: file
}).progress(function (evt) {
var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
//console.log(evt.total);
}).success(function (data, status, headers, config) {
$timeout(function() {
console.log(data);
console.log(status);
if(status==200)
{
logo_path = data.logo_path;
}
});
});
}
}
};
На Laravel я настроил CORS следующим образом:
public function handle($request, Closure $next)
{
header("Access-Control-Allow-Origin: http://localhost:8001/");
// ALLOW OPTIONS METHOD
$headers = [
'Access-Control-Allow-Methods'=> 'POST, GET, OPTIONS, PUT, DELETE',
'Access-Control-Allow-Headers'=> 'Content-Type, X-Auth-Token, Origin'
];
if($request->getMethod() == "OPTIONS") {
// The client-side application can set only headers allowed in Access-Control-Allow-Headers
return Response::make('OK', 200, $headers);
}
$response = $next($request);
foreach($headers as $key => $value)
$response->header($key, $value);
return $response;
}
Нормальный запрос POST для перекрестной области работает нормально. i.e $http.post(). Я пробовал много разных вариантов заголовков на angular, но никто не помогает. Кроме того, запрос OPTIONS возвращает 200 OK, но отображается сообщение об ошибке ответа на предполетное сообщение. Может ли кто-нибудь помочь мне с дальнейшим отлаживанием этой проблемы?