Я выполняю проект, который состоит из Angular 8 в качестве внешнего интерфейса и Spring Boot 2 в качестве внутреннего. Я пытался написать реализацию для получения некоторых изображений, которые помещены в папку, и путь к ним записан в базе данных. Я могу успешно получить путь из базы данных, но когда я пытаюсь использовать:
<img src="{{ path }}" />
в консоли разработчика, я получаю информацию:
GET ERROR 404 NOT FOUND
Angular 8
main.component. html
<table *ngFor="let cat of homedetailsret">
<!-- <table *ngFor="let image of images"> -->
<!-- <table> -->
<td>
<img src="{{ cat.homedetailsfilepath }}" alt="laksjdfl" />
<!-- {{ homedetails }} -->
<!-- {{ homedetailsret }} -->
{{ cat.homedetailsmessage }}
<img src="{{cat.homedetailsfilepath}}" >
<!-- <img src="homedetailsfilepath" >
{{ this.homedetailsfilepath }} -->
</td>
</table>
main.component.ts
homedetailsret: any;
ngOnInit() {
let resp = this.info.getHomeDetails();
resp.subscribe(
// (menu1) => this.menu1ret = menu1
homedetails => this.homedetailsret = homedetails
)
this.info.getHomeDetails().subscribe(
homedetails => {
this.homedetailstopic = homedetails[0].homedetailstopic;
this.homedetailsmessage = homedetails[0].homedetailsmessage;
this.homedetailsfilepath = homedetails[0].homedetailsfilepath;
// console.log(this.homedetailstopic);
// console.log(this.homedetailsmessage);
// console.log(this.homedetailsfilepath);
}
}
getHomeDetails() {
this.info.getHomeDetails().subscribe(
homedetails => {
this.homedetailstopic = homedetails[0].homedetailstopic;
this.homedetailsmessage = homedetails[0].homedetailsmessage;
this.homedetailsfilepath = homedetails[0].homedetailsfilepath;
console.log(this.homedetailstopic);
console.log(this.homedetailsmessage);
console.log(this.homedetailsfilepath);
}
)
}
Angular 8 service:
getHomeDetails(): Observable<GetHomeDetails[]> {
return this.httpClient.get<GetHomeDetails[]>(this.gethomeDetails);
}
Spring Boot 2:
контроллер:
@RequestMapping(value = "/gethomedetails", method = RequestMethod.GET)
public List<HomeDetails> getHomeDetails() {
HomeDetails homeDetails = new HomeDetails();
List<HomeDetails> homeDetailss = new ArrayList<>();
homeDetailss = homeDetailsService.getHomeDetails();
return homeDetailss;
}
Могу ли я попросить вас о помощи?
Спасибо,