Как разрешить подключение к локальному angular обращение к web api, cors policy из браузера?

Question

[GS3]

Не могу отправить запрос на web api. Оба проекта локальные. Обращаюсь к web api:

return this.http.post('https://localhost:44375/api/ApplicationUser/Register', body);

на сервере настроил CORS:

app.UseCors(builder => builder.WithOrigins("http://localhost:4200").AllowAnyHeader().AllowAnyMethod());

так же делал настройку на сервере, исходя из Документации microsoft. Всё равно та же ошибка

Ошибка:

Access to XMLHttpRequest at 'https://localhost:44375/api/ApplicationUser/Register' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

POST https://localhost:44375/api/ApplicationUser/Register net::ERR_FAILED

из Postman всё хорошо, запросы проходят.

Comments

[Planet_93]

Возможно это вам поможет

[GS3]

Planet_93, увы, но нет

[Planet_93]

GS3, а отправлять запросы к api через http пробовали?

[GS3]

Planet_93, да работает везде , кроме локального
Если я переношу на iis всё работает
Проблема только с локальной разработкой

[Planet_93]

GS3, ну на iis у вас стоит сертификат, поэтому там и не выскакивает ошибка.

Я имел ввиду поменять вот это https://localhost:44375, на http://localhost:44375.

Естественно сделать это только для локалки, а на prod оставить https.

если я не ошибаюсь, это надо сделать в ангулар в enviroments. А в asp .net в свойствах проекта -Веб.

[GS3]

Planet_93, если я обращаюсь на http:// то запрос просто долго весит без ответа, а потом падает с ошибками:
POST '' net::ERR_CONNECTION_RESET

[Planet_93]

GS3, в проекте asp core у вас похожие настройки ?



И проверьте чтобы в web config не было правила, что обращаться можно только по https

<rule name="Redirect to https" stopProcessing="true">
					<match url="(.*)" />
					<conditions>
						<add input="{HTTPS}" pattern="off" ignoreCase="true" />
					</conditions>
					<action type="Redirect" url="https://{HTTP_HOST}{REQUEST_URI}" redirectType="Permanent" appendQueryString="false" />
				</rule>

[GS3]

Planet_93, по скрину всё так. А web.config вообще нужно создавать для локальной разработки? по-умолчанию он не создаётся

[Planet_93]

GS3, на локалке для клиентской части (Angular), да, web.config не создается. Но у меня на локалке он такой.

<?xml version="1.0" encoding="utf-8"?>
<configuration>
	<location path="index.html">
		<system.webServer>
		  <httpProtocol>
			<customHeaders>
			  <add name="Cache-Control" value="no-cache, no-store, must-revalidate, pre-check=0, post-check=0, max-age=0, s-maxage=0" />
        <add name="Pragma" value="no-cache" />
        <add name="Expires" value="0" />
			</customHeaders>
		  </httpProtocol>
		</system.webServer>
	  </location>
  
	<system.webServer>
	  <rewrite>
		<rules>
			<clear />
								<rule name="Angular Routes" stopProcessing="true">
				<match url=".*" />
				<conditions logicalGrouping="MatchAll">
					<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
					<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
				</conditions>
				<action type="Rewrite" url="./index.html" />
				</rule>
			</rules>
	  </rewrite>
	  
		<staticContent>
        <clientCache cacheControlMode="DisableCache" />
		<remove fileExtension=".woff2" />
		<mimeMap fileExtension=".woff2" mimeType="font/woff2" />
      </staticContent>
	  
	</system.webServer>

</configuration>

А вообще при обращении к другим контроллерам в api у вас отрабатывают запросы?

[GS3]

Planet_93, у меня не работает, исключительно, в браузере из Angular-приложения. Возможно я ошибся где-то в нём.
из postman я даже в бд пишу данные

spoiler

[GS3]

Planet_93, а сделал запрос на api гитхаба - всё хорошо

[Planet_93]

GS3, какой браузер используется для тестирования? Что пишет в консоли браузера при отправке запроса?

Я правильно понимаю, страница регистрации загружается, а зарегистрировать пользователя не получается

[Planet_93]

И сейчас из браузера, когда вы пытаетесь отправить запрос, он приходит на контроллер?

[GS3]

Planet_93, и хром, и мозила.

так да. Страница регистрации это angular, он посылает post req на web api. А в ответе приходит что не указан заголовок

Access to XMLHttpRequest at 'https://localhost:44375/api/ApplicationUser/Register' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

POST https://localhost:44375/api/ApplicationUser/Register net::ERR_FAILED

[GS3]

Planet_93, приходит ответ, что заголовка нет

[Planet_93]

GS3, но вы же до сих пор стучитесь на https://localhost:44375/api/ApplicationUser/Register

В агулар вам надо поменять на http и пересобрать проект

[GS3]

Planet_93, скопировал прошлую ошибку, она такая же, только адрес другой. стучусь на http://

Заметил, что при обращении с get ошибок нет, только при обращении на post

[Planet_93]

GS3, посмотрите еще вот это

[GS3]

Planet_93, по моим наблюдениям ошибка где-то на стороне сервера. Написал похожий класс, где без проблем работает. буду исправлять

Спасибо за помощь и терпение)