Estou desenvolvendo um app com Ionic e usando Lumen na API do backend. Estou tendo problemas com 'CORS', já configurei o servidor (tanto usando o servidor interno do PHP quanto o Apache, e o mesmo erro ocorre nos dois) criando um middleware para CORS que acrescenta as opções ao header como não funcionou desabilitei esse middleware e instalei o middleware disponível nesse projeto barryvdh/laravel-cors configurei o coloquei para rodar conitnua apresentando erro fazendo a chamada à API através do app ionic. Se faço um teste utilizando o Postman o teste é realizado normalmente e é possível perceber que os cabeçalhos do header aparecem como deveriam. Fiz diversas buscas e todas remetem a configuração do CORS nos headers das respostas que o servidor envia. Realmente não tenho mais ideia de onde o problema pode estar. Abaixo seguem os códigos e imagem dos erros.
O código do middleware que eu mesmo criei:
namespace App\Http\Middleware;
use Closure;
class CorsMiddleware
{
/**
* Handle an incoming request.
*
* @param \Illuminate\Http\Request $request
* @param \Closure $next
* @return mixed
*/
public function handle($request, Closure $next)
{
return $next($request)
->header('Access-Control-Allow-Headers', "Origin, X-Requested-With, Content-Type, Accept")
->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS')
->header('Access-Control-Allow-Origin', '*')
->header('Access-Control-Allow-Credentials', true);
}
}
Como o código acima não funcionou desativei esse middleware e instalei o middleware do projeto barryvdh/laravel-cors. No arquivo app.php adicionei as linhas:
$app->routeMiddleware([
'cors' => \Barryvdh\Cors\HandleCors::class
]);
$app->configure('cors');
$app->register(\Barryvdh\Cors\ServiceProvider::class);
O header da response com o middleware que eu criei fazendo o request pelo Postman é o da figura abaixo:
E utilizando o middleware do projeto barryvdh/laravel-cors é a figura abaixo:
Para finalizar vou colocar a chamada à API como está no app Ionic (o app ionic está redando sob http://localhost:8100):
avancar(){
this.http.post('http://localhost/api/public/clientes/novo', this.data)
.map(res => res.json())
.subscribe(
res => console.log(res),
error => console.log(error)
);
this.navCtrl.setRoot(ConfirmacaoPage);
}
Obrigado à todos!