EXCEPTION: Response with status: 404 Not Found for URL / Angular2

Question

I am trying to get an http response in my service:

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

import 'rxjs/add/operator/map';

@Injectable()
export class CartService {
    constructor(private http: Http){ }

getCartItems() {
    return this.http.get('./cart/cart.json')
    .map(
        (res) => res.json()
      );
  }
}

But console shows EXCEPTION: Response with status: 404 Not Found for URL

My file tree (the cart.json file is in the cart folder root):

Found similar questions, but no answer worked to me.

UPD Moving the cart.json file into public folder and changing path to a shortened one solved the problem.

return this.http.get('../cart.json')

Why are you using an HTTP call to just get the content of a file elsewhere in the same application? That doesn't make any sense. — jonrsharpe
– jonrsharpe, Commented Feb 1, 2017 at 21:11
I am just learning, and was doing everything according to this tutorial: youtube.com/watch?v=IOp9OmNdHy4 — Alexandr Belov
– Alexandr Belov, Commented Feb 1, 2017 at 21:13
I'd recommend running through the real tutorial, which shows how to move from a local file to actually needing HTTP angular.io/docs/ts/latest/tutorial — jonrsharpe
– jonrsharpe, Commented Feb 1, 2017 at 21:14

wesside · Accepted Answer · 2017-02-01 21:25:09Z

1

You're trying to require something from a PATH, rather then a URL. You need to make it accessible in your public folder.

answered Feb 1, 2017 at 21:25

wesside

5,7605 gold badges32 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

EXCEPTION: Response with status: 404 Not Found for URL / Angular2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related