角2弹簧靴

Question

我正在尝试实现自动化服务，以将用angular2编写的前端应用程序连接到以spring boot编写的后端服务。 我也在尝试使用jwt令牌进行连接。

这是我的代码：

angular2：

    login(id : number, username: string, password: string): 
    Observable<boolean> 
   {
      return this.http.post('/api/authenticate', JSON.stringify({id: id, 
      username: username, password: password }))
           .map((response: Response) => {
            // login successful if there's a jwt token in the response
            let token = response.json() && response.json().token;
            if (token) {
                // set token property
                this.token = token;

                // store username and jwt token in local storage to keep 
user logged in between page refreshes
                localStorage.setItem('currentUser', JSON.stringify({ 
 username: username, token: token }));

                // return true to indicate successful login
                return true;
            } else {
                // return false to indicate failed login
                return false;
            }
        });
}

后端：

 public ResponseEntity<?> login(@RequestBody User user) throws 
 ServletException {

    String jwtToken="";

    if(user.getName() == null || user.getPassword() == null) {
            throw new ServletException("Utilisateur ou mot de passe non valide");
    }

    String username = user.getName();
    String password = user.getPassword();

    User user1 = userService.findByName(username);
    if(user1 == null) {
        throw new ServletException("Utilisateur non trouvé");
    }

    String pwd = user1.getPassword();

    if(!password.equals(pwd)){
         throw new ServletException("login invalide. Verifiez login et mot de passe");
    }

    jwtToken = Jwts.builder().setSubject(username).claim("roles", "user").setIssuedAt(new Date())
                   .signWith(SignatureAlgorithm.HS256, "secretkey").compact();

    return new ResponseEntity<String>(jwtToken, HttpStatus.OK);     
}

我在后端遇到此错误：不支持内容类型'text / plain; charset = UTF-8'有人可以帮我吗？ 提前致谢 ：）

Answer 1

您的Spring Boot应用程序期望Content-Type的请求等于application/json 。 由于您未设置内容类型， 因此浏览器正在为您设置默认类型（ text/plain;charset=UTF-8 ）。

因此，您要做的就是指定您请求的content-type，如下所示：

let op = new BaseRequestOptions();
op.headers.append("Content-Type", "application/json");
this.http.post(url, body, op)...

Answer 2

Radouane是正确的。 最重要的是，为什么不使用Angular2 spring Boot jwt入门套件？ 它将使您的生活更加轻松。 Github上有很多入门工具包，我正在使用的是角弹簧启动器。