AngularJS не обнаруживает заголовок Access-Control-Allow-Origin?

Это ошибка в хроме для локального разработчика. Попробуйте другой браузер. Тогда это сработает.

Для тех, кто хочет использовать Chrome, есть обходной путь. Это расширение позволяет запрашивать любой сайт с помощью AJAX из любого источника, поскольку оно добавляет заголовок 'Access-Control-Allow-Origin: *' к ответу.

В качестве альтернативы вы можете добавить этот аргумент в панель запуска Chrome: --disable-web-security. Обратите внимание, что я бы использовал это только для целей разработки, а не для обычного «веб-серфинга». Для справки см. Запуск Chromium с флагами.

И последнее замечание: установив расширение, упомянутое в первом абзаце, вы можете легко включить/отключить CORS.

Я отправлял запросы из angularjs с помощью службы $http в бутылку, работающую на http://localhost:8090/, и мне пришлось применить CORS, в противном случае я получаю ошибки запроса, такие как "Нет заголовка "Access-Control-Allow-Origin" в запрошенном ресурсе"

from bottle import hook, route, run, request, abort, response

#https://github.com/defnull/bottle/blob/master/docs/recipes.rst#using-the-hooks-plugin

@hook('after_request')
def enable_cors():
    response.headers['Access-Control-Allow-Origin'] = '*'
    response.headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS, PUT'
    response.headers['Access-Control-Allow-Headers'] = 'Origin, X-Requested-With, Content-Type, Accept'

Я столкнулся с этой же проблемой. Для меня запрос OPTIONS прошел бы, но запрос POST сказал бы «прервано». Это заставило меня поверить, что браузер вообще никогда не отправлял запрос POST. Chrome сказал что-то вроде «Предупреждающие предварительные заголовки показаны» в заголовках запросов, но заголовки ответов не были показаны. В конце концов я обратился к отладке Firefox, в результате чего обнаружил, что мой сервер отвечает с ошибкой, а в ответе отсутствуют заголовки CORS. Chrome фактически получал ответ, но не позволял отображать ответ в представлении сети.

CROS необходимо разрешить со стороны сервера.

Создайте фильтры в соответствии с требованиями, чтобы разрешить доступ и добавить фильтры в web.xml.

Пример использования пружины:

Класс фильтра:

@Component
public class SimpleFilter implements Filter {

@Override
public void init(FilterConfig arg0) throws ServletException {}

@Override
public void doFilter(ServletRequest req, ServletResponse resp,
                     FilterChain chain) throws IOException, ServletException {

    HttpServletResponse response=(HttpServletResponse) resp;

    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with");

    chain.doFilter(req, resp);
}

@Override
public void destroy() {}

}

Веб.xml:

<filter>
    <filter-name>simpleCORSFilter</filter-name>
    <filter-class>
        com.abc.web.controller.general.SimpleFilter
    </filter-class>
</filter>
<filter-mapping>
    <filter-name>simpleCORSFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

Я только сегодня столкнулся с этой проблемой. Оказалось, что ошибка на сервере (исключение с нулевым указателем) приводила к сбою при создании ответа, но все равно генерировала код состояния HTTP 200. Из-за кода состояния 200 Chrome ожидал допустимого ответа. Первое, что сделал Chrome, это поискал заголовок «Access-Control-Allow-Origin», но не нашел. Затем Chrome отменил запрос, и Angular выдал мне ошибку. Ошибка во время обработки POST-запроса является причиной того, что OPTIONS завершатся успешно, но POST завершится ошибкой.

Короче говоря, если вы видите эту ошибку, возможно, ваш сервер вообще не вернул никаких заголовков в ответ на запрос POST.

Это также может произойти, когда ваши параметры неверны в запросе. В моем случае я работал с API, который отправил мне сообщение

«В запрошенном ресурсе отсутствует заголовок« Access-Control-Allow-Origin ». Следовательно, «нулевой» источник не является разрешенным доступом. В ответе был код состояния HTTP 401».

когда я отправляю неправильное имя пользователя или пароль с запросом POST для входа в систему.

Вместо $http.get('abc/xyz/getSomething') попробуйте использовать $http.jsonp('abc/xyz/ получить что-то')

     return{
            getList:function(){
                return $http.jsonp('http://localhost:8080/getNames');
            }
        }

Если у вас, ребята, возникла эта проблема в Sailes.js, просто установите свой cors.js, чтобы включить авторизацию в качестве разрешенного заголовка.

/***************************************************************************
  *                                                                          *
  * Which headers should be allowed for CORS requests? This is only used in  *
  * response to preflight requests.                                          *
  *                                                                          *
  ***************************************************************************/

  headers: 'Authorization' // this line here