projectSecondPart/Problem2 - fixed cors problem by adding cors as express middleware.

projectSecondPart/package-lock.json

@@ -4522,6 +4522,15 @@
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "requires": {
+        "object-assign": "^4",
+        "vary": "^1"
+      }
+    },
     "cosmiconfig": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",

projectSecondPart/package.json

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "@material-ui/core": "^4.12.3",
+    "cors": "^2.8.5",
     "express": "^4.17.1",
     "nodemon": "^2.0.15",
     "react": "^17.0.2",

projectSecondPart/webServer.js

@@ -10,10 +10,12 @@
 /* jshint node: true */
 
 const express = require('express');
+const cors = require('cors');
 
 const portno = 3001; // Port number to use
 
 const app = express();
+app.use(cors());
 
 const PROG2053models = require('./src/model-data/PhotoApp.js');