Deploy angular app on nginx from scratch | Deploying angular in nginx server on Windows

#angular #angularforbeginners #angular_developer #angulartraining #angulartutorial #angularproject #programming #programmingtutorial #webdevelopment #frontenddevelopment #webdevelopment #webdev #learnangular #learntocode #learning #learnprogramming #nginx
Learn what is nginx, how to install and start it and how to deploy an angular application in nginx step by step from scratch.

[@tome.saviosavio6979]

Great!! Finally I found a good tutorial that helped me

[@codippa]

Thank You !

[@bonefive6624]

Thank you so so much, you save my life!!!!!!🎉🎉 after spending 2 days of searching solution to host an angular app on Ubuntu, finally I found your video to setup the nginx🎉

[@codippa]

Great to know!

[@yLuizv]

Very good. I was looking for it but I didn't find. Thank you so much

[@codippa]

Thanks..
Hope it worked out for you !

[@TSwamy-tn5vt]

Great Content !, Please do more videos on, how can we set headers and CORS while sending request to backend. Thanks in advance :)

[@codippa]

Thank you...
Will try to make the suggested videos.

[@katlegomogokonyane3663]

Great content! I have app with base href of /report/ and when I deploy it to nginx I get issues related to MIME type of "text/html"

[@just_DIY]

Thank you !

[@DonGato8310]

Nice video, i have a error when load the app angular, the error is " Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec".

[@codippa]

Thank You...
Try adding this line
include mime.types;
inside http block

[@shivrajhulbatte7439]

thank you

[@Diedigz]

Hi, what if have 2 angular projects in the same ngix server, do you know how to configure the .conf file? I have been triying without sucess

[@codippa]

You will have to deploy them in different folders such as app1 and app2.
Then, configure the routes using 2 different location tags, such as
location /app1{
}
and
location /app2 {
}
And their index files will be accessible as per the mappings.
This is practical since a single server can host multiple applications.

[@Diedigz]

@@codippa thanks, it work with the next configuration for each project:
location /projectN/ {
autoindex on;
try_files $uri$args $uri$args/ /projectN/index.html;
}

[@richardsanchezcaicedo274]

The images aren't load in ../demoapp/, why?

[@codippa]

Where are your images located. Probably they are in some folder for which there is no mapping in nginx.conf such as,
location /images/ {}