Проблема с отображением изображения, которое должно быть видно в Angular 8 интерфейсе от бэкэнда Spring Boot 2 - PullRequest
0 голосов
/ 21 января 2020

Я выполняю проект, который состоит из 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;
}

Могу ли я попросить вас о помощи?

Спасибо,

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...