Make base URL configurable

[buhrmi]

Currently, Inertia always uses window.location as the base when constructing URLs (see here). I would like to make this configurable so that I can use Inertia in the context of a mobile app.

The app is packaged with Capacitor and delivered through the app store. When the app launches, I make a mock Inertia request to my server to get the initial page object (instead of taking it from the data-page attribute of the #app element). Now I would like to tell Inertia to make requests to my server instead of whatever window.location is.

[buhrmi]

Now I'm thinking that adding a configuration option like createInertiaApp({endpoint: 'https://someurl', ...}) would do the trick.

[ajnsn]

The second parameter of the URL() constructor only applies when the url is a relative url.

You can use absolute URLs to bypass your issue?
Demo:

function hrefToUrl(href) {
  return new URL(href.toString(), 'https://inertiajs.com')
}

hrefToUrl('routing'); // https://inertiajs.com/routing

hrefToUrl('https://github.com/inertiajs/inertia'); // https://github.com/inertiajs/inertia

[buhrmi]

that's a good idea, didn't think of that. yeah, that should work.