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

这是我用来访问 URL 的前端 Angular JS 代码。我正在运行 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

也许你可以改变 @GetMapping(value="/truck", produces= MediaType.APPLICATION_JSON_VALUE) 到 @PostMapping(value="/truck", produces= MediaType.APPLICATION_JSON_VALUE) 要么 @RequestMapping(value = "/truck", method = { RequestMethod.POST, RequestMethod.GET })