Serving an Angular app from a sub-path with ng serve
I am trying to serve an Angular 14 app via ng serve, but I need it to be served in a sub-path, like for example:
http://localhost:4200/mysubpath
Now, I managed to partially make it work by adding this property to angular.json:
And now the base url in the browser address bar is correct, but the problem is that, as you can see from the following screenshot, the Angular asset files and resources are still being served from the root path:
How can I make it so that the entire Angular application, including assets, is served from a sub-path? I've found various questions similar to this online, but all the answers seem to be deprecated, for example a lot of people suggest passing the --base-href option to ng serve, but that argument seem to be invalid for modern versions of Angular, the ng cli rejects it.
After further testing, it seems the baseHref setting is not enough. You also need to invoke the ng serve command line with the following option:
ng serve --serve-path /mysubpath/
This seems to work, although it is breaking something in my hosting pipeline but I will research that issue separately.
- Template reference variable returns undefined inside ng-template
- How to modify data in an angular component when using async pipe
- Using ASP.NET MVC with Angular 2 RC 6 (Final)
- Losing reference to this in async function inside subscribe
- punycode is deprecated in npm - what should I replace it with?
- Enable to retrieve data initialize by a dispatched action when the component is mounted
- How do I implement paging (JwPaginationModule) in my Ionic app?
- Accessing Angular Typed Form Property from a FormArray in the HTML Template
- How to Integrate Monaco Editor in an Angular 16 Nx Project?
- Hide that website has been made with Angular
- Angular: 7.2.1 ES6 class ReferenceError : Cannot access 'X' before initialization
- How to use Observable to emit each value from an array after every 1 second(Angular 5)?
- Angular Directive - Change color of button on hover
- Why does CSP script-src unsafe-inline induce styling issues on my Angular webapp?
- Angular 8 ngFor not binding
- Is there a simple way to display a countdown to datetime in Angular?
- Variable Change Detection - Angular
- Creating a list of checkboxes with ngFor Angular
- Angular 4 Error: No provider for HttpClient
- How to reactively deal with a dynamic form in Angular Reactive Forms?
- How to populate a form from a list to update in Angular2?
- Type casting within a template in Angular 2
- How to replace ::ng-deep in Angular Material 15
- in Angular2 how to know when ANY form input field lost focus
- How do I get the index of object in array using angular?
- Angular FormGroup in Storybook: Converting circular structure to JSON
- Angular Reactive Form - ng-select in form array works remotely but fails when it's online
- IIS port numbers vs VS2022 port numbers
- Input File onchange event not firing
- How to resolve the PUT 422 (Unprocessable Content) error