Setting base path dynamically for production builds.

You usually develop against your server running at some local address, and use some other base path in production, e.g: http://locahost:8080 locally and https://myprodserver in production.

I would like the possibility to change the base path dynamically for creating my production builds.

If I understand correctly this comes directly from the OpenApi-spec-file, as of now, but I would like this to be independent of the OpenApi-spec, maybe as an input param to the cli-tool, or as an override through an environment-variable.

If there already is a way of doing this, without the need to change my OpenApi-spec generated at the backend, I would love to know.

[ferdikoomen]

@knobel-dk I have use something like this in the past:

setupOpenAPI.ts (imported as one of the first files)

import { OpenAPI } from './myGeneratedClient';

if (process.env.DEBUG) {
   OpenAPI.BASE = 'http://localhost:8080/';
}

Then during a production build the ‘regular’ base is used that was there in the OpenAPI spec.

This works with the Webpack environment plugin: https://webpack.js.org/plugins/environment-plugin/ you need to setup this for your repo. Similar plugins exists for Rollup and others.

[ferdikoomen]

Hi @staklau you can always change the base path bt setting this in OpenAPI.BASE = ‘http://mydomain.com/api’. You can do that based on the environment config or inject it via webpack, whatever works.