0

我正在开发一个使用 Vue / Gridsome 的项目，并且有一个关于将 config.json 文件导入 import './config.json' 文件的问题main.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 的插件才能读取这些属性，我将如何访问品牌价值作为示例？

4

1 回答 1

0

您可以简单地执行以下操作：

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
}
于 2019-12-24T16:01:19.053 回答