Борьба с добавлением пружинной безопасности для угловых приложений js

У вас есть этот учебник. Лучший учебник, который вы будете иметь для этой цели. Он идет шаг за шагом от простого приложения к самому сложному с oauth2 и раздробленным сервером. Очень рекомендуется: https://spring.io/guides/tutorials/spring-security-and-angular-js/

РЕДАКТИРОВАТЬ: Если вы используете angularjs, вы не можете делать то, что делаете. Весенняя безопасность просто сэкономит на активах и не будет слушать URL. Это одностраничное приложение, поэтому весь контроль над веб-потоком должен быть на клиенте.

Вы должны использовать что-то вроде этого:

http
        .httpBasic()
      .and()
        .authorizeRequests()
          .antMatchers("/index.html", "/home.html", "/login.html").permitAll()
          .anyRequest().authenticated();

Таким образом, сервер не дает вам ресурса, когда клиент пытается получить его без разрешения. В клиенте вам нужно будет выполнить логику маршрутизации.

На самом деле что-то вроде этого:

angular.module('hello', [ 'ngRoute' ]) // ... omitted code
.controller('navigation',

  function($rootScope, $scope, $http, $location) {

  var authenticate = function(credentials, callback) {

    var headers = credentials ? {authorization : "Basic "
        + btoa(credentials.username + ":" + credentials.password)
    } : {};

    $http.get('user', {headers : headers}).success(function(data) {
      if (data.name) {
        $rootScope.authenticated = true;
      } else {
        $rootScope.authenticated = false;
      }
      callback && callback();
    }).error(function() {
      $rootScope.authenticated = false;
      callback && callback();
    });

  }

  authenticate();
  $scope.credentials = {};
  $scope.login = function() {
      authenticate($scope.credentials, function() {
        if ($rootScope.authenticated) {
          $location.path("/");
          $scope.error = false;
        } else {
          $location.path("/login");
          $scope.error = true;
        }
      });
  };
});

На сервере, когда вы попытаетесь отправить get/user, сервер вернет пользователя сеанса, если пользовательский сеанс жив. Поэтому на сервере вам также нужно:

@SpringBootApplication
@RestController
public class UiApplication {

  @RequestMapping("/user")
  public Principal user(Principal user) {
    return user;
  }

  ...

}