Deploy AngularJS App on Nginx

Question

I'm trying to deploy my AngularJS app generated with Yoeman on Nginx, this is my nginx configuration :

server {
    server_name 0.0.0.0;
    listen 8080;
    root /home/gestAngular/app;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

but when i start nginx, my app dosent find the dependencies.

my directory gestAngular look like this :

-gestAngular

  ---App

  ---bower_components

  ---node_modules

  ---test

  ---dist

its generated with yoeman angular generator .

Any idea how can i make nginx recognize the location of my dependencies (bower-components)?

What is the URI of the dependencies?

Richard Smith
– Richard Smith

2016-01-05 21:16:00 +00:00
Commented Jan 5, 2016 at 21:16 — Richard Smith
– Richard Smith, Commented Jan 5, 2016 at 21:16

Thomas Bindzus · Accepted Answer · 2016-05-15 12:11:28Z

6

It doesn't find the dependencies because you have set the root folder to the folder app, which won't get access to the bower components.

Instead you should "build" your app using gulp or grunt to the dist folder and deploy that folder to your server:

root /home/gestAngular/dist;

answered May 15, 2016 at 12:11

Thomas Bindzus

1,6281 gold badge13 silver badges12 bronze badges

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

Comments

Yatender Singh · Accepted Answer · 2016-11-08 06:03:05Z

2

you have this 'dist' folder which was generated by command 'grunt build' or 'grunt' this folder you have to deploy directly you don't have to deploy other files if you have generated your project using yeoman you will get a file name index.html. This file you have to configure in nginx.

server {
    server_name 0.0.0.0;
    listen 8080;
     location / {
        root   YourDistFolderLocation/dist;
        index  index.html index.htm;
    }
}

by doing this your frontend should be up & running let me know if any problem comes. I hope it helps.

answered Nov 8, 2016 at 6:03

Yatender Singh

3,3423 gold badges24 silver badges32 bronze badges

Collectives™ on Stack Overflow

Deploy AngularJS App on Nginx

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related