在vue中引用外部json文件

时间:2018-11-27 22:53:39

标签: javascript vue.js webpack vuejs2

我正在将Webpack模板与vue一起使用。 在我的应用程序中,我想引用vue应用程序随后循环并显示的外部.json文件(在同一服务器上)。

问题在于,一旦我运行了构建步骤,这些.json文件的内容就会嵌入到应用程序javascript中,因此当我替换它们时(.json文件每天会更改几次),代码不会改变。

我尝试将它们放在静态文件夹中,但这无济于事。

当前,我正在引用这样的文件:

import JsonProd from '../../json/prod.json'
import JsonRelease from '../../json/release.json'
import JsonDevel from '../../json/devel.json'

export default {
  data () {
    return {
      selectedComponent: 'Devel',
      activeTab: 1,
      devel: JsonDevel,
      prod: JsonProd,
      release: JsonRelease
    }
  },

0 个答案:

没有答案