Integrating Angular 4 into ASP.NET Core MVC app - how to mix routing

Question

I'm trying to integrate my Angular 4 app into asp.net mvc core project. And I'd like to have Angular app available within my Core MVC project with this Url - mydomain.com/ngx.

Here's how I do it now (and it doesn't work):

I build Angular app with angular-cli and use ng build ... --base-href /ngx (notice the slash). Then I copy everything from dist folder (where the build is placed by CLI) and copy it into wwwroot/ngx folder into my Core MVC project. But when I open localhost/ngx/index.html I get 404 errors for main.bundle.js and other js files. I checked the requests and for some reason it tries to get it as localhost://main.bundle.js - why from root?

now, if I build it with --base-href ngx (no slash) and open the site, it gets redirected to /ngx/ngx (doubles the ngx). so... wtf? :)

Core MVC routing doesn't have anything special, I haven't touched that part.

So how can I make it work as localhost/ngx ASP.NET Core MVC project?

Works fine here with ng build --base-href /ngx/ --output-path dist/ngx, running http-server from the dist directory, and going to http://localhost:8080/ngx/index.html. — JB Nizet
– JB Nizet, Commented Apr 17, 2017 at 13:53
Oh, man, thanks!!! Do you want me to add it as an answer or you'll do it yourself? — AlexB
– AlexB, Commented Apr 17, 2017 at 13:56

JB Nizet · Accepted Answer · 2017-04-17 13:58:23Z

4

Works fine here with

ng build --base-href /ngx/ --output-path dist/ngx,

running http-server from the dist directory, and going to http://localhost:8080/ngx/index.html

answered Apr 17, 2017 at 13:58

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

1 Comment

AlexB Over a year ago

I just found out that whatever you have in assets gets not found because it tries to get them from root (/assets/whatever) but it should try to get them from /ngx/assets/whatever. :(

Collectives™ on Stack Overflow

Integrating Angular 4 into ASP.NET Core MVC app - how to mix routing

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related