Javascript 使用vue axios在浏览器控制台上显示数据

我有一个.json文件，我需要在浏览器控制台上显示它的数据。我正在使用Vue.js并使用Vue axios从.json文件中获取数据。 下面是我在script标签上的代码：

从“/charts/countries.vue”导入国家/地区；
从“axios”导入axios；
//const http=axios.create（）；
导出默认值{
组成部分：{
国家
//语言
},
安装的（）{
axios
.get（“./MOCK_DATA.json”）
.then（Response=>window.console.log（Response.data））；
}
};

您只需将文件移动到public dir，index.html在其中，然后执行以下请求：

    axios
      .get("/MOCK_DATA.json") //Without dot
      .then(Response => window.console.log(Response.data));

这是因为Vue dev server在这些目录中查找文件