CODEWITHSUNDEEP
angularnginx
Allen King
Allen King

Reputation: 2516

Deploying Angular app in a different folder than root folder

New to Angular. App works fine if deployed in nginx /var/www/mydomain.com/html. But I want to deploy it in /var/www/mydomain.com/html/myapp folder. I setup nginx available sites to this folder and index.html works fine. But relative paths in Angular app (e.g., images/mypic.png) being attempted to be retrieved from /var/www/mydomain.com/html/images folder (hence 404 error code) instead of /var/www/mydomain.com/html/myapp/images folder. How do I set a url prefix /myapp globally in Angular so all relative paths have this prefix. I have seen some answers here but they require changes in the component code. Isn't there a way to made this setting at deployment time so the same dist can be deployed in any path?

Upvotes: 10

Views: 12033

Answers (2)

Muhammad Omran
Muhammad Omran

Reputation: 4615

###On angular.json > build > options configuration add this line with target sub directory

        "baseHref" : "/v2/",

**like this **

    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "baseHref" : "/v2/",

Upvotes: 9

Abel Valdez
Abel Valdez

Reputation: 2408

Use the following command, here /myapp/ is the relative path to the root site.

ng build --prod --base-href /myapp/

Upvotes: 7

Related Questions