CORS Error in Angular BotDetect with ASP.NET WebApi2 backend

Question

I use Botdetect in angular 8 project and ASPNET WebApi2 Backend.

but this error

Access to XMLHttpRequest at 'http://localhost:29739/simple-captcha-endpoint.ashx?get=html&c=yourFirstCaptchaStyle' from origin 'http://localhost:4500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I use EnableCors

 config.EnableCors();
        config.EnableCors(new EnableCorsAttribute("*", "*", "*")
        {
            SupportsCredentials = true,

        });

and added botdetect.xml file

<captchaEndpoint>
 <accessControlAllowOriginHeaderEnabled>true</accessControlAllowOriginHeaderEnabled>
 <accessControlAllowOriginHeaderValue>http://localhost:4500</accessControlAllowOriginHeaderValue>
</captchaEndpoint>

score 0 · Answer 1 · answered Feb 19 '20 at 13:22

0

If you work on local application, you can just install extension.

If you want a real solution you have to add a proxy config, please check this link

This happens becuase your front and back have not the same URL and port, it's a cross-domain request.

answered Feb 19 '20 at 13:22

BELLIL

739
10
23

1

I Use config.EnableCors(); For CORS , But Only for botdetec occurred CORS error – javad roustaei Feb 27 '20 at 17:59
I'm having exactly the same issue. – johey Apr 03 '20 at 10:39
Do you still have the issue? if resolved can you tell how did you resolve it? – Ankur Munjaal Mar 23 '21 at 09:16

score 0 · Answer 2 · answered May 10 '21 at 11:29

0

Create a chrome shortcut then open properties and add --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp after "C:\Program Files\Google\Chrome\Application\chrome.exe"

answered May 10 '21 at 11:29

Farouq

1
1

CORS Error in Angular BotDetect with ASP.NET WebApi2 backend

2 Answers2