Angular 6 .net Web Api без ошибки заголовка Access-Control-Allow-Origin
Я разрабатываю .net Core Web Api с Vs Code с Angular 6, Vs Studio. Ошибка заключается в следующем; - Не удалось загрузить ресурс: сервер ответил статусом 500 (внутренняя ошибка сервера) - На запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Следовательно, к источнику 'http: // localhost: 4200' не разрешен доступ. Ответом был код состояния HTTP 500.
// I added to Startup.cs;
ConfigureServices === >>> services.AddCors ();
Configure === >>>> app.UseCors (bldr => bldr.WithOrigins ("http: //
localhost: 4200") .WithMethods ("GET", "POST"). AllowAnyHeader ());
Проблема в том, что; Проблема решена в методе get, данные извлекаются, но не работает в методе post. Заранее спасибо.
Я пробовал но не
Ответы 2
Есть несколько способов решить эту проблему: основная документация dotnet рассказывает о том, как обращаться с CORS.
Это, как правило, проблема только во время разработки, поэтому я предпочитаю этот метод решения этой проблемы.
Добавьте к сервисам правило CORS, которое разрешает все во время разработки
if (_env.IsDevelopment())
{
services.AddCors(options =>
{
options.AddPolicy("AllowAll",
p => p.AllowAnyOrigin()
.AllowAnyHeader()
.AllowAnyMethod()
.AllowCredentials());
});
}
Затем добавьте созданное правило в Application Builder:
if (_env.IsDevelopment())
{
app.UseCors("AllowAll");
}
Альтернативно
Существует также Расширение браузера CORS для Google Chrome, я не уверен в других браузерах.
Это мой подход, когда я не хочу вмешиваться в заголовки запроса / ответа, и это быстрое решение, когда эта проблема возникает с другими проектами, а не только с ядром .net.
Небольшое предупреждение: иногда этот плагин не работает.
Я пробовал, но нет. УГЛОВОЙ; let заголовки = новые заголовки ({'Content-Type': 'application / json'}); let options = new RequestOptions ({заголовки: заголовки}); options.responseType = ResponseContentType.Blob; let body = JSON.stringify (sorguParametreleri); вернуть this.http.post (this.apiURL + "/ AGranter / DownloadReport", body, options) .map ((response: any) => {
Важно помнить, что services.AddCors() должен предшествовать services.AddMvc() и то же самое с app.UseCors() и app.UseMvc().
вы пробовали app.UseCors (CorsOptions.AllowAll); как @Anton предложил в ответе?