Question

当我使用邮递员时，我的春季应用验证工作正常。但是，当我从我的客户端执行此操作时，我得到401 http响应。

我为cors配置了我的服务器，如下所示：

@Bean
public WebMvcConfigurer corsConfigurer() {
    return new WebMvcConfigurerAdapter() {
        @Override
        public void addCorsMappings(CorsRegistry registry) {
            registry.addMapping("/*")
                    .allowedOrigins("http://localhost:8080")
                    .allowedHeaders("*")
                    .allowedMethods("*");
        }
    };
}

这是来自vue客户端的帖子请求：

    var params = new URLSearchParams();
    params.append('grant_type', 'password');
    params.append('username', 'username1');
    params.append('password', 'password1');

    axios({
      method:'POST',
      baseURL: `http://localhost:8088/`,
      url: 'oauth/token',
      auth: { username:'my-trusted-client', password:'secret' },
      headers: { 'Access-Control-Allow-Origin': 'http://localhost:8080',
        "Content-type": "application/x-www-form-urlencoded; charset=utf-8"},
      data: params
    }).then ((response) => {
      console.log (response)
    }).catch ((error) => {
      console.log (error)
    })

我期待的回应是：

 {
 "access_token": "5766cc81-87e7-44c5-9aad-188f7b109d75",
 "token_type": "bearer",
 "expires_in": 4999,
 "scope": "read write trust"
 }

相反，我收到：无法加载http://localhost:8088/oauth/token：预检的响应包含无效的HTTP状态代码401.

此外，当我检查从浏览器发送的请求时，我发现它发送了OPTIONS请求而不是帖子。

服务器正在运行om端口8088 并且客户端正在端口8080上运行

我在这里错过了任何配置吗？

Answer 1

为了将来参考，我就是这样解决的：我添加了以下bean

 @Configuration
 public class CorsConfig {

      @Bean
      public FilterRegistrationBean myCorsFilter() {
           UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
           CorsConfiguration config = new CorsConfiguration();
           config.setAllowCredentials(true);
           config.addAllowedOrigin("http://localhost:8080");
           config.addAllowedHeader("*");
           config.addAllowedMethod("*");
           source.registerCorsConfiguration("/**", config);
           FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
           bean.setOrder(Ordered.HIGHEST_PRECEDENCE);
           return bean;
      }
 }

请注意，虽然这可以完成工作，但建议根据应用程序的需要配置允许的标头和方法

当POST请求从vuejs客户端发送到oauth / token时，401响应

1 个答案: