问题描述： 在使用Angular和Spring Oauth2进行身份验证和授权时，出现了“无效的凭据”错误。

解决方法：

1. 检查前端代码中的凭据是否正确：

   • 确保在Angular的HTTP请求中正确设置了Authorization头，包含Bearer凭据。
   • 确保使用的凭据与后端配置中的凭据匹配。

   示例代码：

   import { HttpClient, HttpHeaders } from '@angular/common/http';
   
   // ...
   
   // 设置Authorization头
   const headers = new HttpHeaders().set('Authorization', 'Bearer ' + yourAccessToken);
   
   // 发送HTTP请求
   this.http.get(url, { headers }).subscribe(response => {
     // 处理响应
   }, error => {
     // 处理错误
   });
   

2. 检查后端代码中的凭据是否正确：

   • 确保在Spring Security的配置中正确设置了凭据。
   • 确保使用的凭据与前端代码中的凭据匹配。

   示例代码：

   @Configuration
   @EnableWebSecurity
   public class SecurityConfig extends WebSecurityConfigurerAdapter {
   
     // ...
   
     @Override
     protected void configure(HttpSecurity http) throws Exception {
       http
         // ...
         .oauth2ResourceServer()
         .jwt()
         .jwtAuthenticationConverter(jwtAuthenticationConverter());
     }
   
     // ...
   
     private JwtAuthenticationConverter jwtAuthenticationConverter() {
       JwtAuthenticationConverter converter = new JwtAuthenticationConverter();
       // 设置凭据
       converter.setJwtGrantedAuthoritiesConverter(jwtGrantedAuthoritiesConverter());
       return converter;
     }
   
     private JwtGrantedAuthoritiesConverter jwtGrantedAuthoritiesConverter() {
       JwtGrantedAuthoritiesConverter converter = new JwtGrantedAuthoritiesConverter();
       // 设置凭据
       converter.setAuthoritiesClaimName("yourAuthoritiesClaimName");
       return converter;
     }
   }
   

3. 检查OAuth2服务器的配置：

   • 确保OAuth2服务器的凭据与前端和后端代码中的凭据匹配。
   • 确保OAuth2服务器已正确配置，并且可以与前端和后端进行通信。

   示例代码：

   spring:
     security:
       oauth2:
         resourceserver:
           jwt:
             issuer-uri: https://your-oauth2-server.com
             jwk-set-uri: https://your-oauth2-server.com/.well-known/jwks.json
   

4. 检查授权服务器的配置：

   • 确保授权服务器的凭据与前端和后端代码中的凭据匹配。
   • 确保授权服务器已正确配置，并且可以与前端和后端进行通信。

   示例代码：

   @Configuration
   @EnableAuthorizationServer
   public class AuthorizationServerConfig extends AuthorizationServerConfigurerAdapter {
   
     // ...
   
     @Override
     public void configure(ClientDetailsServiceConfigurer clients) throws Exception {
       clients
         // ...
         .withClient("yourClientId")
         .secret("yourClientSecret")
         // ...
     }
   
     // ...
   }
   

如果以上解决方法仍无法解决问题，请进一步检查错误日志或尝试使用调试工具来定位问题的根本原因。