Running Angular under Virtual Directory on IIS

Question

This question is related to Angular2+ (not AngularJS)

We are trying to host our angular site under a virtual directory under a website on IIS.

We have a Website Called Development that points to: C:\inetpub\wwwroot\Development. In this folder we have another folder called Web. This Web folder holds the angular site code (built with ng build --base-href "/Web" --deploy-url "/Web"

When we navigate to http://server/Web, everything seems to be loading fine, except for the 0.chuck.js file. For some reason this file is being requested as:

http://server/Web0.chuck.js

It seems like the "/" is missing before the 0, but I'm not sure where this setting could be handled.

Any ideas?

Newt · Accepted Answer · 2017-05-12 11:16:47Z

13

The url change is handled by webpack. This is controlled by the --deploy-url.

Running the following fixes it:

ng build --base-href "/Web" --deploy-url "/Web/"

answered May 12, 2017 at 11:16

Newt

2,6671 gold badge28 silver badges34 bronze badges

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

1 Comment

Newt Over a year ago

Yes, this will work for all versions of angular2+ (we were actually on angular 4 when I created the question, I'll update the question to reflect) - unless a new version of angular uses a different cli. See this link for more information on ng build (github.com/angular/angular-cli/wiki/build). Basically this ng build comes down to how the index.html file is stitched up with the provided params.

Collectives™ on Stack Overflow

Running Angular under Virtual Directory on IIS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related