Как я могу прочитать значения из статического файла config.json в TypeScript в файле Vue после запуска build: Electron в Vue CLI 3? - PullRequest
Новая
       31

Как я могу прочитать значения из статического файла config.json в TypeScript в файле Vue после запуска build: Electron в Vue CLI 3?

0 голосов
/ 03 октября 2018

Добрый день.

Мне было интересно, возможно ли добавить файл config.json в проект Vue CLI 3, который можно прочитать во время выполнения, как во время разработки, так и в процессе производства.

Файл config.json будет содержать некоторые строки, которые приложение может использовать для динамического изменения содержимого, например видеофайлы, отображаемые пользователю, и IP-адрес принтера.

// config.json

{
    "brand": "eat",
    "printerIP": "192.168.0.4"
}

Я попытался поместить файл в папку ресурсов и общую папку.Я попытался импортировать его в script lang = "ts" элемент App.vue , используя операторы import и require.Я использую vue-property-decorator. 

// App.vue (<script lang="ts">)

const config = require('../public/config.json');

OR

import config from '../public/config.json';

Я получил доступ к значениям, обрабатывая их как API с помощью axios и просто обращаясь к переменным, используя, например, config.brand . 

// App.vue (<script lang="ts">)

import axios from 'axios';

@Provide() private brand: string = "";

axios
    .get('.config.json')
    .then(response => {
        this.brand = response.data.brand;
    })

OR

this.brand = config.brand;

К сожалению, данные читаются только во время сборки и компилируются в минимизированный JavaScript.Это означает, что приложение не обновляется, даже если пользователь обновляет переменные в config.json после сборки приложения.Мне нужно иметь возможность получить доступ к config.json в файлах сборки, обновить значение и затем приложение прочитало новое значение во время выполнения без необходимости повторной сборки проекта.Мне было интересно, возможно ли это сделать.

Буду очень признателен за любую помощь, которую вы можете оказать.

...