vue 访问本地json数据

小洁的博客

已于 2023-06-28 16:22:29 修改

阅读量1.5k

点赞数

分类专栏： vue开发前端文章标签： json

于 2023-06-28 15:56:23 首次发布

本文链接：https://blog.youkuaiyun.com/sun_0516/article/details/131438855

版权

vue开发同时被 2 个专栏收录

8 篇文章

订阅专栏

前端

6 篇文章

订阅专栏

在项目中，可以通过创建test.json文件模拟数据来测试请求的访问速度。在prodOrder.js中定义了GET请求方法，从http://localhost:8080/../test.json获取数据。然后在页面中引用并调用这个函数，打印返回的响应结果。该方法有助于评估和优化数据访问效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果你的项目中需要模拟下json数据，来看下访问速度，那就参照这个试试吧，首先创建test.josn，放在pulic目录下，见下图

定义js

// 文件 prodOrder.js


export function test(data) {
  return request({
    url: 'http://localhost:8080/../test.json',
    method: 'get',
    data
  });
}


页面引用
import {
  test
} from '@/api/produce/prodOrder';

调用
 test().then((res) => {
        console.log(res)
      })

结束语：

希望这篇文章能帮助到大家，如有不对之处，还请指正。愿我们一起成长。