构建我的Vue应用程序时防止JSON文件成为chunk.js / app.js的一部分

时间:2018-12-25 17:42:31

标签: vue.js webpack

我的vue应用程序中包含一个JSON文件。但是问题是,当我构建应用程序时,JSON文件消失了,并成为js文件的一部分。 由于要操作它,如何在构建后将其保留为JSON文件?

2 个答案:

答案 0 :(得分:1)

如果使用的是Vue CLI 3,则可以将静态文件放置在public目录中,并通过绝对路径引用它们。

有关更多信息,您可以访问CLI documents


更新

  1. 将JSON文件放置在public目录中
  2. 导入 axios 或用于AJAX调用的任何类似工具。
  3. 您在项目根目录中需要一个.env文件。并将您的基本网址存储在BASE_URL变量中。 (Read More!
  4. 添加包含基本URL的数据属性:

    data() {
        return {
            baseUrl: process.env.BASE_URL,
        }
    },
    
  5. 然后您可以通过ajax调用访问JSON值:

        axios.get(this.baseUrl + 'test.json').then(response => {
            console.log(response);
        })
    

答案 1 :(得分:1)

我认为您想配置externals选项。