nginx serving AngularJS app returns 404 Not Found

Question

I am experiencing problems on configuring nginx to serve static angularjs files.

This is my situation, I want the landing page of my application under

domain.com

and the AngularJS app under

domain.com/app

Now I am struggling with the nginx configuration. I heve created a nginx server configuration as follows:

server {
    listen   80; ## listen for ipv4; this line is default and implied

    index index.html index.htm;

    server_name domain.com www.domain.com;

    location / {
            root /usr/share/nginx/html/domain.com;
    }

    location /app {
        alias /usr/share/nginx/html/domain.com/app/public;
    }
}

But this is not working, I get this error on Firebug:

"NetworkError: 404 Not Found - http://domain.com/app/"

Any idea?

---

Ok I made some progress, if I change the following:

alias /usr/share/nginx/html/domain.com/app/public;

to the following:

alias /usr/share/nginx/html/domain.com/app/public/;

(if I use root instead of alias, I get 403 forbidden)

I can now access the application but still I have 404 on assets files, for example one of them is:

"NetworkError: 404 Not Found - http://example.com/app/assets/images/logo.png"

assets are under the directory:

/usr/share/nginx/html/example.com/app/public/app/assets/

but for some reason nginx is looking for assets here:

/usr/share/nginx/html/example.com/app/public/assets/

any idea?