在angular前端显示Laravel后端存储的图像

// 图像上传接口
public function uploadImage(Request $request)
{
    // 处理图像上传逻辑，保存到指定目录
    $image = $request->file('image');
    $path = $image->store('images', 'public');

    // 返回图像URL
    return response()->json(['url' => asset('storage/'.$path)]);
}

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-image',
  template: '<img [src]="imageUrl">',
})
export class ImageComponent {
  imageUrl: string;

  constructor(private http: HttpClient) {
    this.getImageUrl();
  }

  getImageUrl() {
    this.http.get<any>('api/image-url').subscribe(response => {
      this.imageUrl = response.url;
    });
  }
}