Spring Boot中不支持请求方法“POST”有什么建议吗？

Question

我正在使用Spring Boot和Angular JS构建一个web应用程序，它将执行CRUD操作。我已经成功创建了一个类，在实现这个类时，我遇到了一个错误“请求方法'POST'不受支持”

    My controller class is:

        package com.fyp.controller;

        import com.fyp.masterdata.Truck;
        import com.fyp.masterdata.TruckRepository;
        import org.springframework.beans.factory.annotation.Autowired;
        import org.springframework.http.MediaType;
        import org.springframework.web.bind.annotation.*;

        import java.util.ArrayList;
        import java.util.List;

        @CrossOrigin(origins = "http://localhost:4200")
        @RestController
        public class TruckController {

            @Autowired
            TruckRepository truckRepository;


            @GetMapping(value="/truck",  produces= MediaType.APPLICATION_JSON_VALUE)
            public List<Truck> getAll1() {
                List<Truck> list = new ArrayList<>();
                Iterable<Truck> truck = truckRepository.findAll();
                truck.forEach(list::add);
                return list;
            }

            @PostMapping(value="/posttruck")
            public Truck postTruck(@RequestBody Truck truck) {
                truckRepository.save(new Truck(truck.getName(), truck.getCapacity()));
                return truck;
            }

            @GetMapping(value="/getTruckByName/{name}",  produces= MediaType.APPLICATION_JSON_VALUE)
            public List<Truck> getTruckByName(@PathVariable String name) {

                List<Truck> truck = truckRepository.getTruckByName(name);
                return truck;
            }

            @DeleteMapping(value="/truck/{id}")
            public void deleteTruck(@PathVariable long id){
                truckRepository.delete(id);
            }
        }

这是当我用POST请求点击上面的URL时得到的错误。

    >#2018-05-11 18:42:46.868  WARN 10596 --- [nio-8080-exec-3] o.s.web.servlet.PageNotFound             : Request method 'POST' not supported

这是我的前端JS代码，用于点击URL。我在跑步http://localhost:4200/truck努力让它工作。

    // Get all trucks
      getTruck(): Promise<Truck[]> {
        return this.http.get(this.truckUrl)
          .toPromise()
          .then(response => response.json() as Truck[])
          .catch(this.handleError);
      }
      getTruckByName(name: string): Promise<Truck[]> {
        const url = `/findbytruck/${name}`;
        return this.http.get(url)
          .toPromise()
          .then(response => response.json() as Truck)
          .catch(this.handleError);
      }

      create1(truck: Truck): Promise<Truck> {
        return this.http
          .post("truck", JSON.stringify(truck), {headers : this.headers})
          .toPromise()
          .then(res => res.json() as Truck)
          .catch(this.handleError);
      }

      delete1(id: number): Promise<void> {
        const url = `${this.truckUrl}/${id}`;
        return this.http.delete(url, {headers: this.headers})
          .toPromise()
          .then(() => null)
          .catch(this.handleError);
      }

Thank You.

Answer 1

也许您可以将@GetMap（value="/卡车"，生产=MediaType。APPLICATION_JSON_VALUE）更改为@PostMap（value="/卡车"，生产=MediaType。APPLICATION_JSON_VALUE）或@刚需映射（value="/卡车"，方法={刚需方法。POST，刚需方法。GET}）