title: How to display Image from a url in SwiftUI
body: <p>So I'm trying to create a content feed using data fetched from my Node JS server. </p>
  
  <p><strong>Here I fetch data from my API</strong></p>
  
  <pre><code>class Webservice {
      func getAllPosts(completion: @escaping ([Post]) -&gt; ()) {
          guard let url = URL(string: "http://localhost:8000/albums")
       else {
       fatalError("URL is not correct!")
      }
  
          URLSession.shared.dataTask(with: url) { data, _, _ in
  
              let posts = try!
  
                  JSONDecoder().decode([Post].self, from: data!); DispatchQueue.main.async {
                      completion(posts)
              }
          }.resume()
      }
  }
  </code></pre>
  
  <p><strong>Set the variables to the data fetched from the API</strong></p>
  
  <pre><code>final class PostListViewModel: ObservableObject {
  
      init() {
          fetchPosts()
      }
  
      @Published var posts = [Post]()
  
      private func fetchPosts() {
          Webservice().getAllPosts {
              self.posts = $0
          }
      }
  
  
  }
  </code></pre>
  
  <pre><code>struct Post: Codable, Hashable, Identifiable {
  
      let id: String
      let title: String
      let path: String
      let description: String
  }
  </code></pre>
  
  <p><strong>SwiftUI</strong></p>
  
  <pre><code>struct ContentView: View {
  
      @ObservedObject var model = PostListViewModel()
  
          var body: some View {
              List(model.posts) { post in
                  HStack {
                  Text(post.title)
                  Image("http://localhost:8000/" + post.path)
                  Text(post.description)
  
                  }
  
              }
          }
  
  }
  </code></pre>
  
  <p>The Text from <code>post.title</code> and <code>post.description</code> are display correctly but nothing displays from <code>Image()</code>. How can I use a URL from my server to display with my image?</p>