Vue -CLI: Как заменить значения в общедоступном файле / html значениями из src / файла?

Question

У меня есть традиционный файл HTML в моем каталоге public, содержащий код javascript, который я хочу заменить переменными из файла конфигурации. Как я могу это сделать?

Вот мой пример кода:

public/landing.html

...snip..
<script>
      let client = new jso.JSO({
        providerID: 'abc',
        client_id: '123456789',
        redirect_uri: 'https://lvh.me:8080',
        authorization: 'https://authserver.com'
      })

У меня есть переменные конфигурации в * 1012 моего приложения * каталог, например:

src/config.json

{
    "identityObj": {
      "clientId": "999999",
      "redirectURI": "https://myapp.com",
      "authorizationUrl": "https://authserver.com",
      "userInfoUrl": "https://authserver.com/userinfo"
    }
  }

Как я могу сделать так, чтобы мой landing.html HTML файл читал переменные из config. json и заменить значения на них?

Спасибо!