Regarding Angular 5 and ASP .Net MVC project deployment.

Mandar Shinde

Dear All,

I have devloped one small project using Angular 5 and ASP .Net MVC 5 with Rest Api.

I have two doubts while deploying my project on web server those are as follows :-

1. I am not able to use command ng build --prod If am try to use that command then I am getting errors like I have few variables defined in my environment.ts.

2 If I am try to use web.config in my Angular 5 project for URL rewrite purpose then I can refresh my Angular project but because of that I am not even able to login because of controller.

After uploading I am using Default website in that physical path is set to Angular 5 project and created a folder for ASP .Net project physical in server settings.

Please let me any easy solution to overcome on above two problems.

I am asking this again and again because I don't have that much domain knowledge.

Any suggestion will be acceptable.

Thanking you in advanced.

Regards.

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gajendra Jangid7y ago
you have to create a folder eapp or alias name in ASP .Net project code and paste all file of dist folder hare ... then your url will be domainname.com/#/eapp
Mandar Shinde7y ago
Hello gajendra Sir,
Okay I'll give alias name to Angular project. After that do I need to use URL rewrte ? if yes then how can do that because it make affect to my ASP .Net project code.
How can I overcome on my second problem?

Thank you for your valuable reply.
Gajendra Jangid7y ago
hello mander,

yes necessary to give alias name to base href
Mandar Shinde7y ago
Hello Veerendra sir,
I am not able to use --prod in command, If I used that command then I am getting lot of errors as I mentioned already.
What should I do for URL rewrite ?
Thank you for your reply.
Mandar Shinde7y ago
Hello Gajendra Sir,
I have done exact stpes whatever you have give. Just a small change is there and i.e. I have not given alias name for my Default Web Site. Is is necessary to give alias name to base href ?
Thank you for your reply.
Gajendra Jangid7y ago
hello dear,

try ng build --prod --base-href /eapp/

or this article wil help you

https://www.c-sharpcorner.com/article/deply-of-a-angular-application-on-iis/
Veerendra Annigere7y ago
For you're first issue:

Try ng build --prod --c=dev.