Изменить значение в vue app main.js из дочернего компонента

Question

Мне нужно обновить значение, которое изначально установлено в main.js для моего приложения vue, из компонента. Я не уверен, что лучший способ (или даже если это возможно)

Я попытался установить значение непосредственно из компонента, но оно не обновляется.

Я был бы рад, если бы он был правильно настроен при запуске приложения. Мне нужно установить это только один раз, но я хочу, чтобы он считывал информацию о сервере / хосте при запуске приложения и заполнял значение.

Vue.use(Adal, {
// This config gets passed along to Adal, so all settings available to adal can be used here.
  config: {
    // 'common' (multi-tenant gateway) or Azure AD Tenant ID
    tenant: 'xxxxxxxxxxxxxxxxxxxxxxxxx',

    // Application ID
    clientId: 'xxxxxxxxxxxxxxxxxxxxxxx',

    // Host URI
    redirectUri: 'http://localhost:8080',

    cacheLocation: 'localStorage'
  },

  // Set this to true for authentication on startup
  requireAuthOnInitialize: false,

  // Pass a vue-router object in to add route hooks with authentication and role checking
  router
});

Значение redirectUri, которое я хотел бы использовать в динамическом режиме в зависимости от URL-адреса, который пользователь использовал для подключения к сайту. Это часть библиотеки adal-vue для обработки аутентификации AzureAD для моего приложения.

Похоже, что это значение установлено только ОДИН РАЗ и не может быть изменено на лету. Есть ли обходной путь, чтобы учесть это?

Answer 1

Я не знаю, что вы делаете в функции Adal.install, я думаю, вы можете попытаться объявить объект option, который передается в Vue.use(), тогда вы можете изменить значение в option, так какпередается по ссылке, значение будет изменено на Adal ...

const option = {
  config: {
    redirectUri: 'http://localhost:8080',
}
Vue.use(Adal, option);

// then change it in somewhere
option.config.redirectUri = 'http://localhost:9000'