title: http request not working at deploying app
body: <p>I was coding an application who includes an http request, jquery and some stuffs. When I run this app through <code>ng serve</code> it works but when I deploy it using now it doesn't work. I have to mention that the application includes jquery, jquery-ui, font-awesome and bootstrap.</p>
  
  <p>I used this command to build the application: <code>ng build --target=production --base-href '/'</code></p>
  
  <p>And this is my main component:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { Component, OnInit } from '@angular/core';
  import { Http, Response } from '@angular/http';
  
  export interface randomResponse {
    author: string;
    id: number;
    quote: string;
    permalink: string;
  }
  
  var colors = [
    '#8b0000', '#83ffa4', '#6897bb', '#0099cc', '#3399ff',
    '#ff7f50', '#f0bff4', '#ffab7f', '#fbcf9c', '#f4bfde',
    '#f4d5bf', '#52f8ab', '#f091e7', '#8adcbb', '#16ba78'
  ];
  
  @Component({
    selector: 'app-random-quote-machine',
    templateUrl: './random-quote-machine.component.html',
    styleUrls: ['./random-quote-machine.component.css']
  })
  export class RandomQuoteMachineComponent implements OnInit {
    data: randomResponse;
    loading: boolean;
  
    twitter_link: string;
  
    constructor(private http: Http) { }
  
    ngOnInit() {
      this.makeRequest();
    }
  
    makeRequest(): void {
      this.loading = true;
      this.http.request('http://quotes.stormconsultancy.co.uk/random.json')
      .subscribe((res: Response) =&gt; {
        this.data = res.json();
        this.loading = false;
  
        this.twitter_link = `https://twitter.com/intent/tweet?hashtags=quotes&amp;related=encofreecodecamp&amp;text=${encodeURI(this.data.quote + ' - ' + this.data.author)}`;
        var color = Math.floor(Math.random() * colors.length);
        $('html body').animate({
          backgroundColor: colors[color]
        }, 1000);
        $('.buttons a').animate({
          backgroundColor: colors[color]
        }, 1000);
        $('.buttons button').animate({
          backgroundColor: colors[color]
        }, 1000);
      });
    }
  }
  </code></pre>
  
  <p>As you see, it's not loading data: <a href="https://dist-lofgslojpd.now.sh" rel="nofollow noreferrer">https://dist-lofgslojpd.now.sh</a></p>
  
  <p>URL of GitHub project: <a href="https://github.com/mbarra1945/Random-Quote-Machine" rel="nofollow noreferrer">https://github.com/mbarra1945/Random-Quote-Machine</a></p>