Vue 将 json 数据 放ts文件中，读取

去服务器获取数据

getVisitStats() {
    return request<any, VisitStatsVO>({
      url: `${LOG_BASE_URL}/visit-stats`,
      method: "get",
    });
  },

将 VisitStats.ts 中的 JSON 数据作为模拟数据，修改 getVisitStats 方法，直接返回一个解析该 JSON 的 Promise，而不是发起网络请求。以下是改造后的代码：

修改如下：

// VisitStats.ts
export const mockVisitStatsData = {
  code: "00000",
  data: {
    todayUvCount: 142,
    totalUvCount: 24515,
    uvGrowthRate: 9.92,
    todayPvCount: 1206,
    totalPvCount: 411000,
    pvGrowthRate: 12.4,
  },
  msg: "一切ok",
};

// 在你的服务文件中（例如 api.ts）
import { mockVisitStatsData } from './VisitStats';

getVisitStats() {
  // 直接返回一个解析 mock 数据的 Promise，模拟接口返回
  return Promise.resolve(mockVisitStatsData);
},

如果你希望根据环境变量或配置决定是否使用模拟数据，可以这样写：

getVisitStats() {
  if (process.env.USE_MOCK_DATA) { // 或者你的自定义条件
    return Promise.resolve(mockVisitStatsData);
  } else {
    return request<any, VisitStatsVO>({
      url: `${LOG_BASE_URL}/visit-stats`,
      method: "get",
    });
  }
},

这样，当你想使用本地 JSON 数据时，可以通过条件控制（如环境变量）来切换。