Я работаю над приложением реагирования, которое выполняет междоменные вызовы API. Я настроил на сервере, как показано ниже
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="https://example.site.com" />
<add name="Access-Control-Allow-Methods" value="POST, PUT, DELETE, GET, OPTIONS" />
<add name="Access-Control-Allow-Headers" value="content-Type, accept, origin, X-Requested-With, Authorization, name" />
<add name="Access-Control-Allow-Credentials" value="true" />
</customHeaders>
</httpProtocol>
Введите приведенный ниже код пользовательского интерфейса
fetch(url, {
body,
credentials: 'include',
headers,
method
}).then(response => response.json()).then((responseContent: any) => {
return responseContent;
})
Но по-прежнему возникает проблема происхождения CORS, так как мы не можем получить доступ к ресурсу в соответствии с политикой CORS.
Над одним работает нормально окно инкогнито chrome. Только выдает ошибку нормальный браузер chrome.
Если я удаляю «credentials: 'include'», проблема CORS не приходит, а выдает статус HTTP 302 с проблемой перенаправления.
пробовал другие способы, как показано ниже: (но не повезло)
- Удалена запись web.config и использована опция UseCors в файле startup.cs.
- Удалена опция UseCors и пробованы EnableCors в Webapiconfig с соответствующими параметрами.
Снимок экрана ошибки ниже:
![enter image description here](https://i.stack.imgur.com/FewNf.png)