Deploy AngularJS app on tomcat

Question

I created an AngularJS app with the yeoman angular generator. Now I want to host it using Apache tomcat.

I already ran "grunt build" and have all my assets ready in the "dist"-folder. Is there a way to create a .war-file or can I just copy the files to a folder inside tomcat?

Hi, I landed up on the same issue and found this post. Were you able to get this fixed? Does copying the contents in web apps dir works for you? As it messes my relative URLs for js and CSS load. did you faced this issue too? — ankurjhawar, Jun 10 '16 at 03:54
No I just had to do a "grunt build" and copy the contents from my "dist" folder into a new folder within tomcat's "webapps" folder. If I would just copy the "dist" folder into the webapps directory I could access my app via "http://:/dist" — Martin, Jun 10 '16 at 07:25

score 12 · Accepted Answer · answered Nov 18 '15 at 19:05

12

Just copy paste your all files in your project folder e.g. $TOMCAT_PATH/webapps/your-project-root/

Cheers!!

answered Nov 18 '15 at 19:05

Ghayel

1,113
2
10
19

Ok, it messed up some CSS and references, but in principle this works. Thank you! – Martin Nov 19 '15 at 10:19
Let me if you still face any problem in future. Thanks for marking my question correct – Ghayel Nov 19 '15 at 10:29
hi Martin, how were you able to resolve the references? i tried dist/...js...but it says "failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH". thanks – arn-arn Oct 05 '16 at 18:30
is there any message about permission denied? – Ghayel Oct 06 '16 at 21:02
How we can deploy it over the network, I mean on another tomcat server? – Mr. Noddy Dec 19 '16 at 15:31
use same tactics that you done for deploying on first tomcat – Ghayel Dec 20 '16 at 16:17
How can we deploy projects with node module dependencies. – Satish Jonnala May 04 '17 at 16:08

Deploy AngularJS app on tomcat

1 Answers1

Linked