config endpoint

Author: Guilherme Andrade Pinto

ngsw-config.json

@@ -30,7 +30,7 @@
     {
       "name": "api-tech-crunch-rss-reader",
       "urls": [
-        "http://0.0.0.0:4000/api/posts"
+        "https://dmdyyxzin2.execute-api.us-east-2.amazonaws.com/test"
       ],
       "cacheConfig": {
         "strategy": "freshness",

src/app/posts/services/post.service.spec.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Post } from '../models/post';
-import { HttpResponse, HttpClient } from '@angular/common/http';
+import { HttpResponse, HttpClient, HttpHeaders } from '@angular/common/http';
 
 import { environment } from '../../../environments/environment';
 
@@ -15,6 +15,8 @@ export class PostService {
   constructor(private http: HttpClient) { }
 
   findAll(): Observable<HttpResponse<Post[]>> {
-      return this.http.get<Post[]>(`${this.baseUrl}/posts`, { observe: 'response' });
+    return this.http.get<Post[]>(`${this.baseUrl}/posts`, {
+      observe: 'response'
+    });
   }
 }

src/app/posts/services/post.service.ts

@@ -0,0 +1,17 @@
+import { Injectable, Injector } from '@angular/core';
+import { Route } from '@angular/router';
+import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest, HttpErrorResponse } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+@Injectable()
+export class HttpInterceptorCors implements HttpInterceptor {
+ constructor() {}
+
+ intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+   const headers = req.headers
+   .set('Access-Control-Allow-Origin', '*')
+   .set('Access-Control-Allow-Headers', 'Content-Type');
+   const authReq = req.clone({ headers });
+   return next.handle(authReq);
+ }
+}

src/app/shared/HttpInterceptorCors.ts

@@ -10,8 +10,9 @@ import {
   MatInputModule
 } from '@angular/material';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { SanitizeHtmlPipe } from './pipes/sanitize-html.pipe';
+import { HttpInterceptorCors } from './HttpInterceptorCors';
 
 const MatModules = [
   MatToolbarModule,
@@ -39,5 +40,10 @@ const MatModules = [
     HttpClientModule,
     SanitizeHtmlPipe,
   ],
+  providers: [
+    { provide: HTTP_INTERCEPTORS,
+      useClass: HttpInterceptorCors,
+      multi: true}
+  ]
 })
 export class SharedModule { }

src/app/shared/shared.module.ts

@@ -1,4 +1,4 @@
 export const environment = {
   production: true,
-  baseUrl: 'http://0.0.0.0:4000/api'
+  baseUrl: 'https://dmdyyxzin2.execute-api.us-east-2.amazonaws.com/test'
 };

src/environments/environment.prod.ts

@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false,
-  baseUrl: 'http://0.0.0.0:4000/api'
+  baseUrl: 'https://dmdyyxzin2.execute-api.us-east-2.amazonaws.com/test'
 };
 
 /*