Improve cors on javascript-backend

Author: ganatan

backend-javascript/.env.development

@@ -6,7 +6,8 @@ APP_VERSION=1.1.1
 # === SERVEUR APPLICATION ===
 HOST=localhost
 PORT=3000
-CORS_ORIGIN=http://localhost:3000
+# CORS_ORIGIN=http://localhost:4200
+CORS_ORIGIN=*
 
 # === BASE DE DONNEES ===
 DB_CLIENT=mock # pg | mysql | mock

backend-javascript/.env.production

@@ -6,7 +6,8 @@ APP_VERSION=1.1.1
 # === SERVEUR APPLICATION ===
 HOST=localhost
 PORT=8080
-CORS_ORIGIN=https://www.mon-domaine-en-prod.com
+# CORS_ORIGIN=https://www.mon-domaine-en-prod.com
+CORS_ORIGIN=*
 
 # === BASE DE DONNEES ===
 DB_CLIENT=mock # pg | mysql | mock

backend-javascript/app.js

@@ -0,0 +1,49 @@
+import express from 'express';
+import cors from 'cors';
+
+const app = express();
+
+app.use(cors());
+
+app.use(express.json());
+
+app.get('/persons', (req, res) => {
+    res.json({
+        "success": true,
+        "metadata": {
+            "pagination": {
+                "currentPage": 1,
+                "perPage": 10,
+                "totalItems": 4,
+                "totalPages": 1
+            }
+        },
+        "data": [
+            {
+                "id": 1,
+                "name": "Steven Spielberg-javascript-backend-mock",
+                "city": "Cincinnati"
+            },
+            {
+                "id": 2,
+                "name": "Ridley Scott-javascript-backend-mock",
+                "city": "South Shields"
+            },
+            {
+                "id": 4,
+                "name": "Denis Villeneuve-javascript-backend-mock",
+                "city": "Bécancour"
+            },
+            {
+                "id": 3,
+                "name": "Christopher Nolan-javascript-backend-mock",
+                "city": "London"
+            }
+        ]
+    });
+});
+
+// Démarrage du serveur
+app.listen(3000, () => {
+    console.log('Backend démarré sur http://localhost:3000');
+});

backend-javascript/src/app.js

@@ -1,5 +1,6 @@
 import express from 'express';
 import compression from 'compression';
+import cors from 'cors';
 
 import appConfig from './config/app.config.js';
 
@@ -28,6 +29,7 @@ app.use(compression());
 app.use(express.json());
 app.use(express.urlencoded({ extended: true }));
 app.use(initLocals);
+
 configureSecurity(app);
 
 if (['development', 'test'].includes(appConfig.app.nodeEnv)) {

backend-javascript/src/middlewares/security/security.js

@@ -5,6 +5,7 @@ import appConfig from '../../config/app.config.js';
 
 export default function configureSecurity(app) {
   app.use(cors({ origin: appConfig.security.corsOrigin }));
+  // app.use(cors({ origin: '*' }));
   app.use(helmet(appConfig.security.helmet));
 
   const limiter = rateLimit({

frontend-angular/src/app/modules/features/crud/person/services/items-api.service.ts

@@ -21,7 +21,6 @@ export class ItemsApiService implements ItemsServiceInterface {
   getItems(filters: Filters = {}): Observable<ItemsResponse> {
     const params = this.buildQueryParams(filters);
     const url = `${this.backendUrl}/${ITEM_CONSTANTS.RESOURCE_NAME}${params}`;
-
     return this.http.get<ItemsResponse>(url).pipe(
       catchError(this.handleError('getItems', getDefaultItemsResponse()))
     );
@@ -47,4 +46,5 @@ export class ItemsApiService implements ItemsServiceInterface {
       return of(result);
     };
   }
+
 }