javascript - 在浏览器（vuex + axios）加载时，带有多个 JSON 文件的模拟数据似乎被覆盖

Question

我有一个让我大吃一惊的错误。我正在尝试模拟一些数据以测试我使用 Vuex + Axios 开发的应用程序。

所以...

在我的项目文件夹中有这些 JSON 文件：

而这个 AJAX 方法：

function fetchChartsData(platform, content) {

    const url = `server/chartsCollection?platform=${platform}&content=${content}.json`;

    axios
        .get(url)
        .then(response => (console.log(response.data)))
        .catch(error => console.error('fails:', error));

}

我得到一个 JSON 文件：

• 正确的路线名称
• 但是来自另一个文件的数据/内容

例如，网络中的文件名是正确的：

但内容来自另一个文件：

很难解释。没有模式可以检查哪个文件正在更改内容。我也禁用了缓存。

谢谢！

更新

如果我将每个文件存储在一个独立的文件夹中......它可以工作。我是说：

模拟服务器文件夹：

新代码：

function fetchChartsData(platform, content) {

    const url = `server/${platform}/chartsCollection?platform=${platform}&content=${content}.json`;

    axios
        .get(url)
        .then(response => (console.log(response.data)))
        .catch(error => console.error('fails:', error));

}

它可以工作很好......但我需要将所有文件放在同一个文件夹中以模拟真实的后端环境。