svetozar
@svetozar
dudin.tv

Как организовать файл дефолтных настроек для своего Vue приложения?

Требуется в продакшен версии (в папке dist, компилится стандартным vue-cli) иметь файл с настройками, которые пользователь может легко поменять и все приложение будет работать с новыми настройками.

Например, я пробовал создать файл settings.js в папке public:
export const settings = {
  vizEngineIp: '127.0.0.1:61000',
  jsonServerIp: '127.0.0.1:3000',
}


И импортирую его в основном Vue компоненте:
import { settings } from '../public/settings.js'

Но таким образом все настройки оказываются запеченными в выходной js.

Как лучше организовать статичный js файл (или json), который не будет запечен в код приложения, а останется независимым и удобным для редактирования?
  • Вопрос задан
  • 193 просмотра
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
В папке public размещайте json файл. Чистый json с настройками, безо всяких экспортов.
Приложение при загрузке первой страницы (например в хуке created компонента App) загружает этото файл и применяет из него настройки.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
yarkov
@yarkov Куратор тега Vue.js
Помог ответ? Отметь решением.
Писать ваши настройки в глобальную переменную и при сборке вынести ваши настройки отдельным чанком и подключить перед скриптом приложения.
Тогда можно будет на лету подхватить изменения.
Ответ написан
By_Engine
@By_Engine
Никак. Либо используйте бакэнд, либо храните настройки в localstorage
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы