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

Question

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

Answer 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);
       })
   

Answer 2

我认为您想配置externals选项。