CORS error trying to consume __admin/mappings

[devmariodiaz]

Hello Stef,

Happy new year and hoping that you are doing well.

I'm trying to consume __admin/mappings to create new mappings using the method/verb POST and an application developed on React, but I'm getting an error when I send any request. CORS error.

Any clue what I can do to resolve that?

[StefH]

Hello @devmariodiaz,

CORS support is not enabled by default, you can enable it yourself when configuring WireMock Server, like:

/* https://stackoverflow.com/questions/31942037/how-to-enable-cors-in-asp-net-core */
            /* Enable Cors */
            settings.AdditionalServiceRegistration = services =>
            {
                services.AddCors(corsOptions =>
                    corsOptions.AddPolicy("MyPolicy",
                        corsPolicyBuilder =>
                        {
                            corsPolicyBuilder
                                .AllowAnyHeader()
                                .AllowAnyMethod()
                                .AllowAnyOrigin();
                        }));

                settings.Logger.Debug("Enable Cors");
            };

            /* Use Cors */
            settings.PreWireMockMiddlewareInit = app =>
            {
                var appBuilder = (IApplicationBuilder)app;
                appBuilder.UseCors();

                settings.Logger.Debug("Use Cors");
            };

            _server = WireMockServer.Start(settings);

See also https://github.com/WireMock-Net/WireMock.Net/blob/cors/examples/WireMock.Net.StandAlone.NETCoreApp/Program.cs#L38

[devmariodiaz]

Thank you, Stef for your quick answer.

I tried to apply this configuration that you provided, but, it's still sending me the same error related to the CORS error.

We are using our app as a Standalone and as a Service, may be this be the problem?

[StefH]

I forgot some code.

You need to use the same policy-name:

/* https://stackoverflow.com/questions/31942037/how-to-enable-cors-in-asp-net-core */
            /* Enable Cors */
            var policyName = "MyPolicy";
            settings.AdditionalServiceRegistration = services =>
            {
                services.AddCors(corsOptions =>
                    corsOptions.AddPolicy(policyName, // ◀️ MyPolicy
                        corsPolicyBuilder =>
                        {
                            corsPolicyBuilder
                                .AllowAnyHeader()
                                .AllowAnyMethod()
                                .AllowAnyOrigin();
                        }));

                settings.Logger.Debug("Enable Cors");
            };

            /* Use Cors */
            settings.PreWireMockMiddlewareInit = app =>
            {
                var appBuilder = (IApplicationBuilder)app;
                appBuilder.UseCors(policyName); // ◀️ MyPolicy

                settings.Logger.Debug("Use Cors");
            };

This works for me:
https://www.w3schools.com/xml/tryit.asp?filename=tryajax_get2

-->

calling __amdin/mappings also works fine:

[devmariodiaz]

Thanks a lot for your help, Stef,

Now is working fine for me.

[StefH]

https://github.com/WireMock-Net/WireMock.Net/wiki/Cors

[StefH]

@devmariodiaz
I decided to add Cors support in WireMock.Net server by using a setting CorsPolicyOptions.

Can you try preview (1.4.31-ci-15770) ?

var settings = new WireMockServerSettings
{
   CorsPolicyOptions = CorsPolicyOptions.AllowAll
};

[devmariodiaz]

Thanks a lot Stef,

I will test this preview ASAP, I believe this is a great decision.

[StefH]

@devmariodiaz
Did you have time to verify?

[StefH]

#714