CORS Fix

TUTORIAL.md

 <ion-content padding>
   <ion-list>
     <ion-item *ngFor="let beer of beers" >
-      <ion-item>
-        <h2>{{beer.name}}</h2>
-      </ion-item>
+      <h2>{{beer.name}}</h2>
     </ion-item>
   </ion-list>
 </ion-content>
 Update `beer.html` to display the image retrieved:
 
 ```html
-<ion-item>
-    <ion-avatar item-left>
-      <img src="{{beer.giphyUrl}}">
-    </ion-avatar>
-    <h2>{{beer.name}}</h2>
+<ion-item *ngFor="let beer of beers">
+  <ion-avatar item-left>
+    <img src="{{beer.giphyUrl}}">
+  </ion-avatar>
+  <h2>{{beer.name}}</h2>
 </ion-item>
 ```
 
 In this same file, change `<ion-item>` to have a click handler for opening the modal for the current item.
 
 ```html
-<ion-item (click)="openModal({id: beer.id})">
+<ion-item *ngFor="let beer of beers" (click)="openModal({id: beer.id})">
 ```
 
 Add `ModalController` as a dependency in `BeerPage` and add an `openModal()` method.
 
 ```typescript
+import { ModalController } from 'ionic-angular';
+
 export class BeerPage {
   private beers: Array<any>;
 
               public modalCtrl: ModalController) {
   }
 
-  // ionViewDidLoad method
+  // ionViewDidLoad()
 
   openModal(beerId) {
     let modal = this.modalCtrl.create(BeerModalPage, beerId);
 }
 ```
 
+This won't work because `/beers` is not an auto-authorized URI. To fix this, add this URI as to the StormpathConfiguration in `src/app/app.module.ts`.
+
+```typescript
+spConfig.autoAuthorizedUris.push(new RegExp('http://localhost:8080/good-beers'));
+spConfig.autoAuthorizedUris.push(new RegExp('http://localhost:8080/beers'));
+```
+
 ### Add Swipe to Delete
 
 To add swipe-to-delete functionality on the list of beers, open `beer.html` and make it so `<ion-item-sliding>` wraps `<ion-item>` and contains the `*ngFor`. Add a delete button using `<ion-item-options>`.