реагировать Доступ к XMLHttpRequest был заблокирован политикой CORS. В запрашиваемом ресурсе отсутствует заголовок «Access-Control-Allow-Origin». - PullRequest
Новая
       6

реагировать Доступ к XMLHttpRequest был заблокирован политикой CORS. В запрашиваемом ресурсе отсутствует заголовок «Access-Control-Allow-Origin».

0 голосов
/ 12 марта 2020

Я пытаюсь получить доступ к данным из API, но я получил эту ошибку

Доступ к XMLHttpRequest в 'http://example.com/api/login' от источника 'http://localhost : 3000 'было заблокировано политикой CORS: Ответ на запрос предварительной проверки не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».

это мой код 

return axios.post('http://example.com/api/login', { username: username, password: password }).then(response => {
        console.log('response', response);

        if (response.status === 400 || response.status === 500)
            throw response.data;
        return response.data;
    }).catch(err => {
        console.log('err', err);

        throw err[1];
    });

Бэкэнд построен с asp. net

Спасибо

Ответы [ 2 ]

0 голосов
/ 12 марта 2020

После многих часов поиска я нашел это chrome расширение, которое решает проблему https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

0 голосов
/ 12 марта 2020

Эта проблема касается вашего сервера. Ваш сервер не разрешает запросы, поступающие из разных доменов. В вашем случае http://example.com/api/login и http://localhost:3000 находятся в разных доменах. Вы можете разрешить любой домен в своем коде asp. net. Следующий код может быть полезен для вас: 

public class Startup
{
    public Startup(IConfiguration configuration)
    {
        Configuration = configuration;
    }

    readonly string MyAllowSpecificOrigins = "_myAllowSpecificOrigins";

    public IConfiguration Configuration { get; }

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddCors(options =>
        {
            options.AddPolicy(MyAllowSpecificOrigins,
            builder =>
            {
                builder.WithOrigins("http://example.com",
                                    "http://www.contoso.com");
            });
        });

        services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_2);
    }

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseHsts();
        }

        app.UseCors(MyAllowSpecificOrigins); 

        app.UseHttpsRedirection();
        app.UseMvc();
    }
}

Для более подробной информации, вы можете перейти здесь

...