Make Angular routes use index.html base href attribute?

Question

Is there any way to make the angular paths take the base href attribute of the index.html file after building the application, so that if I change the base href value the app makes the requests to another url without building the app again?

I know I can achieve this by adding baseHref to angular.json

"architect": {
   "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
         "baseHref" : "/MyApp/"
      }
   }
}

But I'm trying to avoid rebuilding every time.

I also thought changing my iis site configuration, but I have multiple applications inside my site so updating the site config would break those:

Site
- Application 1
- Application 2
- MyApp

Thanks!

Dmitriy Ivanko · Accepted Answer · 2019-11-27 07:58:51Z

1

It is Web server work (not Angular Router). I faced with the same problem with i18n. (Some usefull article for this case: https://medium.com/@feloy/deploying-an-i18n-angular-app-with-angular-cli-fc788f17e358)

1) I build two diferent application with: baseHref="/" and "baseHref": "/fr/".

2) Then config IIS web.config to switch betweeen thouse two application.

Hope its help!

answered Nov 27, 2019 at 7:58

Dmitriy Ivanko

1,1141 gold badge10 silver badges21 bronze badges

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

2 Comments

Iñigo Over a year ago

Thanks for your answer! The problem is that I have multiple applications inside my iis site, so if I change the site configuration the other apps would not work :(

Dmitriy Ivanko Over a year ago

May be its help: stackoverflow.com/questions/28049253/… (I belive you can config Web.config hierarchy for all sites separately)

NicoGuevaraAtuq · Accepted Answer · 2020-02-26 22:05:47Z

1

Try the following configuration:

"options": {
          "configurations": {
            "production": {
              "baseHref": "/MyApp/",
              "deployUrl": "/MyApp/"

            }

answered Feb 26, 2020 at 22:05

NicoGuevaraAtuq

5922 gold badges6 silver badges17 bronze badges

Collectives™ on Stack Overflow

Make Angular routes use index.html base href attribute?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related