Getting Base URL With Angular 4

Question

Does anyone know how to get base url in Angular 4? For example: think I have that -> https://stackoverflow.com/questions/ask but I want to get only -> https://stackoverflow.com

I tried to get it like that :

constructor(private http: Http, private platformLocation: PlatformLocation) {
            this.baseUrl = (platformLocation as any).location.origin;
    }

But I got that error:

An unhandled exception occurred while processing the request.
NodeInvocationException: Cannot read property 'origin' of undefined
TypeError: Cannot read property 'origin' of undefined
at new AppSettingsService (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\main-server.js:3028:50)
at _createClass (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:20473:17)
at _createProviderInstance$1 (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:20441:26)
at initNgModule (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:20395:13)
at new NgModuleRef_ (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:21503:9)
at Object.createNgModuleRef (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:21487:12)
at NgModuleFactory_.module.exports.NgModuleFactory_.create (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:24768:25)
at D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:15453:61
at ZoneDelegate.module.exports.ZoneDelegate.invoke (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:85786:26)
at Object.onInvoke (D:\Projects\CH.AdminClient\CH.AdminClient\ClientApp\dist\vendor.js:14830:37)
Microsoft.AspNetCore.NodeServices.HostingModels.HttpNodeInstance+<InvokeExportAsync>d__7.MoveNext()

Michael Tsirulnikov · Accepted Answer · 2018-09-06 20:35:54Z

2

if you only want to get the origin of any path, you can just use window.location in ngOnInit instead of the constructor

ngOnInit() {
    this.baseUrl = window.location.origin
}

edited Sep 6, 2018 at 20:35

answered Sep 6, 2018 at 18:53

Michael Tsirulnikov

1497 bronze badges

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

16 Comments

leo Over a year ago

I used it actually but I got an error when I press F5. Is tere any other way?

Michael Tsirulnikov Over a year ago

Which browser are you using? IE may have a problem with that function.. anyway, Replace the (platformLocation as any).location.origin with window.location.origin and tell me what browser you are using.

leo Over a year ago

I am using chrome latest version.

leo Over a year ago

After changing it, I got also "window is not defined" error.

Michael Tsirulnikov Over a year ago

You are trying to use this in client side right? Not the nodejs server right?

|

Collectives™ on Stack Overflow

Getting Base URL With Angular 4

1 Answer 1

16 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

16 Comments

Your Answer

Sign up or log in

Post as a guest

Related