Spring Boot Angular-MultipartException：当前请求不是多部分请求

Question

我在使用Angular 9 with Spring Boot来实现一个简单的应用程序时遇到了一个问题，该应用程序可以在相同的请求中从UI上传文件和数据。在我用基本身份验证实现安全性之前，一切都很正常。现在，在我登录并想要上载数据后，出现以下错误：

<代码>组织。springframework。网状物多部分。MultipartException：当前请求不是多部分请求

标题设置为内容类型：“multipart/form data”，Spring控制器使用MultipartFile。奇怪的是，GET请求工作得很好，除了它的内容类型是应用程序/json之外。如果我禁用http拦截器，错误将变成访问位于的XMLHttpRequesthttp://localhost:8080/pacients'从原点'http://localhost:4200“”已被CORS策略阻止：请求的资源上不存在“Access Control Allow Origin”标头。我还尝试了处理CORS的各种解决方法，包括角度和Spring，但都没有成功。

用于上载文件的角度组件：

pacient: Pacient;
pacientForm: FormGroup = new PacientCreateFormBuilder().build();
submitPromise: Promise<Pacient>;

onSubmit() {
    if(this.pacientForm.valid) {
      const formData: FormData = new FormData();
      formData.append('pacientFile', <File>this.pacientForm.value.pacientFile);
      formData.append('newPacient', new Blob([JSON.stringify(this.pacientForm.value)], {type: "application/json"}));

      this.submitPromise = this.pacientCreateService.save(formData);
    } else {
      ValidationUtils.markFormAsDirty(this.pacientForm);
    }
  }

上传的角度服务：

public save(formData: FormData) {
    var headers = new HttpHeaders(
      {
        'Content-Type': 'multipart/form-data',
        'Authorization': `Basic ${window.btoa(this.authService.username + ":" + this.authService.password)}`
      }
    );

    return this.httpClient.post<Pacient>("http://localhost:8080/pacient", formData, {headers: headers})
      .toPromise();
  }

角度身份验证服务：

authenticate(username: String, password: String) {
    return this.http.get(`http://localhost:8080/auth`, {
      headers: { authorization: this.createBasicAuthToken(username, password) }}).pipe(map((res) => {
      this.username = username;
      this.password = password;
      this.registerInSession(username, password);
    }));
  }

  createBasicAuthToken(username: String, password: String) {
    return 'Basic ' + window.btoa(username + ":" + password);
  }

  registerInSession(username, password) {
    sessionStorage.setItem(this.SESSION_KEY, username);
  }

角超文本传输协议拦截器：

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    if (this.authService.isUserLoggedin() && req.url.indexOf('basicauth') === -1) {
      const request = req.clone({
        headers: new HttpHeaders({
          'Content-Type': 'application/json',
          'Authorization': `Basic ${window.btoa(this.authService.username + ":" + this.authService.password)}`
        })
      });
      return next.handle(request);
    }

    return next.handle(req);
  }

Spring Security配置：

@Override
    protected void configure(AuthenticationManagerBuilder auth) throws Exception {
        PasswordEncoder encoder = new StandardPasswordEncoder();

        auth
                .inMemoryAuthentication()
                .withUser("user")
                .password("password")
                .roles("USER")
                .and()
                .withUser("admin")
                .password("admin")
                .roles("USER", "ADMIN");
    }

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.csrf().
                disable()
                .authorizeRequests()
                .antMatchers(HttpMethod.OPTIONS, "/**")
                .permitAll()
                .anyRequest()
                .authenticated()
                .and()
                .httpBasic();
    }

Spring控制器：

@PostMapping("/pacient")
    public Pacient create(@RequestPart("pacientFile") MultipartFile pacientFile, @RequestPart("newPacient") PacientDTO pacientDTO)

编辑：如果我在控制器中使用@PostMapping（value=“/pacient”，consumes={MediaType.MULTIPART\u FORM\u DATA\u value}），则错误正在更改，并且仅出现在浏览器控制台和sais上

访问位于'http://localhost:8080/pacient'从原点'http://localhost:4200“”已被CORS策略阻止：请求的资源上不存在“Access Control Allow Origin”标头。

为了克服它，我用CrossOrigin（origins={）更新了控制器http://localhost:4200“}），将以下字段添加到服务的标头中

'Access-Control-Allow-Headers': `Content-Type`,
'Access-Control-Allow-Methods': `POST`,
'Access-Control-Allow-Origin': `*`

还创建了一个代理。conf.json文件

{
  "/": {
    "target": "http://localhost:8080",
    "secure": false
  }
}

并将其添加到包中。json，以“start”开头：“ng serve--proxy config proxy.conf.json”，并在我的Spring Security配置类中添加了CORS配置

@Bean
    CorsConfigurationSource corsConfigurationSource()
    {
        CorsConfiguration configuration = new CorsConfiguration();
        configuration.setAllowedOrigins(Arrays.asList("*"));
        configuration.setAllowedMethods(Arrays.asList("GET","POST"));
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", configuration);
        return source;
    }

但还是没有运气...

Answer 1

我自己也遇到了这个问题，这是一个非常愚蠢的错误，但我想我应该分享一下，以防有人犯了同样的错误。我刚刚将文件移到我的虚拟机上，我的用户帐户没有访问该文件的权限。。。一旦我更改了该文件的权限，它就会按预期工作。