fetch images from API with CORS enabled

Author: tgvashworth

multiple-servers/api/api.go

@@ -64,6 +64,7 @@ func Run(config Config) {
 		}
 		// Indicate that what follows will be JSON
 		w.Header().Add("Content-Type", "text/json")
+		w.Header().Add("Access-Control-Allow-Origin", "*")
 		// Send it back!
 		w.Write(response)
 	})

multiple-servers/assets/script.js

@@ -1,16 +1,5 @@
 function fetchImages() {
-    return Promise.resolve([
-      {
-        Title: "Sunset",
-        AltText: "Clouds at sunset",
-        URL: "https://images.unsplash.com/photo-1506815444479-bfdb1e96c566?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80",
-      },
-      {
-        Title: "Mountain",
-        AltText: "A mountain at sunset",
-        URL: "https://images.unsplash.com/photo-1540979388789-6cee28a1cdc9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80",
-      },
-    ]);
+    return fetch("http://localhost:8081/images.json").then(_ => _.json())
   }
 
   function timeout(t, v) {
@@ -21,7 +10,7 @@ function fetchImages() {
 
   const gallery$ = document.querySelector(".gallery");
 
-  timeout(2000, fetchImages()).then(images => {
+  fetchImages().then(images => {
     gallery$.textContent = images.length ? "" : "No images available.";
 
     images.forEach(img => {