Как импортировать и читать файл json в Vue / Gridsome main.JS

Как импортировать и читать файл json в Vue / Gridsome main.JS

24.12.2019 06:08:55 Просмотров 74 Источник

Я работаю над проектом, который использует 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

Является ответом!
T. Short

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
}
Закрыть X