axios post 向 springboot 后端请求

Question

我正在尝试向我的后端 (springboot) 发送 formData post 请求（使用 axios），但我不确定这样做的正确方法。我的计划是通过控制器将数据传递给将使用它的服务。

axios调用-

startStreamLocation() {
  const location = new FormData();
  location.set("accuracy", this.accuracy)
  location.set("lat", this.lat)
  location.set("lng", this.lng)
  location.set("timeStamp", this.timeStamp)

  axios.post("http://localhost:8080/api/v1/location/request-location", location,
      {headers: {'Content-Type': 'application/json'}})
},

控制器-

@PostMapping(value = "request-location")
public ResponseEntity<?> requestLocation() {

    connectionRequestService.addDataToStream();
    return new ResponseEntity<Authenticator.Success>(HttpStatus.OK);
}

服务-

   public void addDataToStream() {
        BasicAWSCredentials awsCredentials = new BasicAWSCredentials(awsAccessKey, awsSecretKey);
        AmazonKinesis kinesisClient = AmazonKinesisClient.builder()
                .withCredentials(new AWSStaticCredentialsProvider(awsCredentials))
                .withRegion(awsRegion)
                .build();

    PutRecordsRequest putRecordsRequest  = new PutRecordsRequest();
    putRecordsRequest.setStreamName("location-stream");
    List <PutRecordsRequestEntry> putRecordsRequestEntryList  = new ArrayList<>();
        PutRecordsRequestEntry putRecordsRequestEntry  = new PutRecordsRequestEntry();
        putRecordsRequestEntry.setData(ByteBuffer.wrap(( INJECT DATA HERE ).getBytes()));
        putRecordsRequestEntry.setPartitionKey(String.format("partitionKey-%d"));
        putRecordsRequestEntryList.add(putRecordsRequestEntry);

    putRecordsRequest.setRecords(putRecordsRequestEntryList);
    PutRecordsResult putRecordsResult  = kinesisClient.putRecords(putRecordsRequest);
    System.out.println("\nData sent successfully... \n" + putRecordsResult);
    try {
        Thread.sleep(1000);
    }
    catch (InterruptedException exception) {
        throw new RuntimeException(exception);
    }
}

Answer 1

由于要将表单数据发送到服务器，因此需要将 Axios 调用中的 Content-Type header 更改为 multipart/form-data。这有助于服务器了解客户端发送的资源类型。

在服务器端，您需要读取此表单数据。我可以想到以下两种方法

使用@RequestParam 读取单个表单键。例如，如果我的表单数据包含一个名为 Foo 的键，我会在服务器端将其读取为

    @PostMapping(value = "/form-data")
    public void readFormData( @RequestParam(value = "Foo") String foo )

使用@RequestBody将表单数据映射到MultiValueMap，然后可以像法线贴图一样从中读取。这是相同的代码片段

    @PostMapping(value = "/form-data")
    public void readFormData( @RequestBody MultiValueMap<String,String> formData )

axios post 向 springboot 后端请求

Axios post request to springboot backend

java

api

spring-boot

amazon-kinesis

axios