[英]Angular 5 + Spring Boot post method doesn't work
我使用Angular 5 + Spring Boot。 问题是我无法通过post方法将信息发送到我的rest控制器。 我没有从客户端或服务器端收到任何错误。 在代码下面,您将看到我使get方法正常工作。 让我为我的英语道歉。
春季实体{盘}
@Entity
@Table(name = "DISHES")
@Data
public class Dish implements Serializable {
private static final long serialVersionUID = 1L;
@Id
@GeneratedValue(strategy = GenerationType.AUTO)
@Column(name = "ID")
private Long id;
@Column(name = "NAME", unique = true)
@NotNull(message = "Ястието трябва да има име.")
@Size(min = 3, max = 30, message = "Името на ястието трябва да е между 3 и 30 символа.")
private String name;
@Column(name = "DESCRIPTION")
@NotNull(message = "Описанието на ястието не може да е празно.")
@Size(min = 3, max = 300, message = "Описанието на ястието трябва да е между 3 и 30 символа.")
private String description;
@JsonIgnore
@OneToMany(cascade = CascadeType.ALL ,mappedBy = "dish")
@JsonBackReference
private List<DishCounter> dishCounters;
}
角实体{Dish}
export class Dish {
constructor(public id?: number, public name?: string, public description?: string) {
}
}
弹簧支架控制器{Dish}
@CrossOrigin(origins = "http://localhost:4200")
@RestController
@RequestMapping("/dish")
public class DishRestController {
private static final Logger logger = LoggerFactory.getLogger(DishRestController.class);
private final DishService dishService;
@Autowired
public DishRestController(final DishService dishService) {
this.dishService = dishService;
}
@GetMapping("/all")
public ResponseEntity<List<Dish>> getAllDishes() {
logger.info("Rest controller find all dishes");
List<Dish> dishes = dishService.getAllDishes();
return ResponseEntity.status(HttpStatus.OK).body(dishes);
}
@PostMapping("/save")
public ResponseEntity<Void> saveDish(@RequestBody Dish dish) {
dishService.saveDish(dish);
return new ResponseEntity<>(HttpStatus.OK);
}
}
和角柱法
save(dish: Dish): Observable<Dish> {
let result: Observable<Dish>;
result = this.http.post(this.saveDishUrl, dish)
.map((resp => {
console.log(resp);
return resp;
}))
.catch(e => {
console.log(e);
return Observable.throw(e);
});
console.log(result);
return result;
}
您在哪里调用发布功能上的订阅? 我在这里看不到。 由于http帖子返回一个可观察到的消息,因此您必须订阅它才能发起呼叫。
http.post(....).subscribe(response => <DO SOMETHING WITH IT>);
这可能不是代码上的所有错误,但这是我注意到的。
您的Java @PostMapping
没有指定应该收到什么以及应该产生什么。
@PostMapping(value = "save", consumes = MediaType.APPLICATION_JSON_VALUE,
produces = MediaType.APPLICATION_JSON_VALUE)
对于Angular 5,您正在使用Angular 4服务语法,我认为他们在5上进行了更改。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.