Setting base url with AngularJs not working

Question

I am using $http.get with a relative url like this:

 $http.get('/api/product')
                .then(function (res) { });

The resultant call is:

GET http://localhost/api/product 404 (Not Found)

Now the problem is my site is running in IIS under a virtual directory, the structure is like this:

Sites
    - Default Web Site
        - Website (Virtual Directory)
        - Services (Virtual Directory)

So the URL I actually want AngularJs to call is:

GET http://localhost/website/api/product

I have tried setting the BASE element like this:

<base href="Website/">

(And using http://localhost/website/)

But nothing seems to correct the URL?

What can I do? I would still like to use the relative URL with angularjs.

Vlado Pandžić · Accepted Answer · 2014-09-09 23:24:35Z

1

Try this: $http.get('api/product') .then(function (res) { });

answered Sep 9, 2014 at 23:24

Vlado Pandžić

5,0758 gold badges50 silver badges82 bronze badges

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

Comments

Steve Lang · Accepted Answer · 2014-09-10 00:11:50Z

1

Change from

$http.get('/api/product').then(function (res) { });

to

$http.get('/website/api/product').then(function (res) { });

answered Sep 9, 2014 at 23:17

Steve Lang

5594 silver badges8 bronze badges

Can you provide more explanation?

Change from $http.get('/api/product').then(function (res) { }); to $http.get('/website/api/product').then(function (res) { });

To score points, it helps if you update the answer with that comment :)