Как импортировать и читать файл json в Vue / Gridsome main.JS
Я работаю над проектом, который использует Vue / Gridsome, и у меня есть вопрос об импорте конфигурации.json-файл с import './config.json'в main.jsфайл js.
config.jsonфайлы выглядит следующим образом:
{
"brand": "Name"
"company_no": "12345678"
"charity_no": "87654321"
"registered_address": "25 Riverdale House: London: SE13 7LW"
"contact_email": "support@name.com"
}
main.jsфайл выглядит следующим образом:
export default function (Vue, { router, head, isClient }) {
Vue.component('Layout', DefaultLayout)
Vue.component('Page', PageLayout)
Vue.use(InfiniteLoading)
// General
head.meta.push({
name : 'description',
content : config.brand // I'd like to place the json value here
})
// ...
Нужно ли мне будет установить плагин, который анализирует JSON, чтобы иметь возможность читать эти свойства, и как я буду получать доступ к стоимости бренда в качестве примера?
Ответы - Как импортировать и читать файл json в Vue / Gridsome main.JS / How to import and read a json file into Vue / Gridsome main.js
24.12.2019 07:01:19
Вы можете просто сделать что-то вроде:
import configJson from './config.json';
const config = JSON.parse(configJson);
Затем вы можете получить доступ к данным с config.brandнапример, бренд.
Подробнее о JSON parse:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
Править
Это работает, если у вас есть webpack >= 2.0.0
https://webpack.js.org/loaders/json-loader/
В противном случае вы можете создать файл js и экспортировать json оттуда:
конфиг.JS
export default
{
// put json here
}