松鼠乐园 松鼠乐园
  • 注册
  • 登录
  • 首页
  • 快捷入口
    • Vue
    • Tensorflow
    • Springboot
    • 语言类
      • CSS
      • ES5
      • ES6
      • Go
      • Java
      • Javascript
    • 工具类
      • Git
      • 工具推荐
    • 服务器&运维
      • Centos
      • Docker
      • Linux
      • Mac
      • MySQL
      • Nginx
      • Redis
      • Windows
    • 资源类
      • 论文
      • 书籍推荐
      • 后端资源
      • 前端资源
      • html网页模板
      • 代码
    • 性能优化
    • 测试
  • 重大新闻
  • 人工智能
  • 开源项目
  • Vue2.0从零开始
  • 广场
首页 › Vue › Vue使用MockJS,从此不再等后端

Vue使用MockJS,从此不再等后端

迦娜王
3年前Vue
1,408 0 1

mockjs可以极大的提高前端的开发效率;在前端对接后端接口时,不需要苦苦等待后端的接口,只需要约定好接口的数据格式和api地址即可。

安装Mock

通过NPM或者Yarn安装

npm install mockjs  或者 yarn add mockjs

引入Mock

在src目录下新建一个文件夹mock(名字可以自己定),在其中新建一个index.js

内容为:

// 在这里可以做一些通用的配置
import Mock from 'mockjs'
// 设置所有ajax请求的超时时间,模拟网络传输耗时
Mock.setup({
  timeout: 300
})
let baseURL = 'https://yourserver'
Mock.mock(baseURL + '/tab_data', 'get', {
  status: 'succeed',
  result: {
    'area_count|100000-800000': 1000,
    'population_count|500000-1000000': 100000
  }
})

最后在main.js中引入该文件即可

测试一下

在任意组件的mouned钩子里面 通过axios请求/tab_data路径,理论上会返回这些:

{
   status: 'succeed',
   result: {
     'area_count|100000-800000': 1000,
     'population_count|500000-1000000': 100000
   }
}

官方例子

http://mockjs.com/examples.html

1
本文系作者 @迦娜王 原创发布在 松鼠乐园。未经许可,禁止转载。
Tensoflow(Python描述)文档
上一篇
MockJS根据参数返回不同的数据
下一篇
评论 (0)

请登录以参与评论。

现在登录
  • 安装Mock
  • 引入Mock
  • 测试一下
  • 官方例子
1
相关文章
在Gitee收获近 5k Star,更新后的Vue版RuoYi有哪些新变化?
vue3.x reactive、effect、computed、watch依赖关系及实现原理
Vue 3 新特性:在 Composition API 中使用 CSS Modules
新手必看的前端项目去中心化和模块化思想
松鼠乐园

资源整合,创造价值

小伙伴
墨魇博客 无同创意
目录
重大新闻 Centos CSS Docker ES5 ES6 Go Java Javascript Linux Mac MySQL Nginx Redis Springboot Tensorflow Vue Vue2.x从零开始 Windows 书籍推荐 人工智能 前端资源 后端资源 壁纸 开源项目 测试 论文
Copyright © 2018-2022 松鼠乐园. Designed by nicetheme. 浙ICP备15039601号-4
  • 重大新闻
  • Centos
  • CSS
  • Docker
  • ES5
  • ES6
  • Go
  • Java
  • Javascript
  • Linux
  • Mac
  • MySQL
  • Nginx
  • Redis
  • Springboot
  • Tensorflow
  • Vue
  • Vue2.x从零开始
  • Windows
  • 书籍推荐
  • 人工智能
  • 前端资源
  • 后端资源
  • 壁纸
  • 开源项目
  • 测试
  • 论文
热门搜索
  • jetson nano
  • vue
  • java
  • mysql
  • 人工智能
  • 人脸识别
迦娜王
坚持才有希望
1224 文章
35 评论
242 喜欢
  • 1
  • 0
  • Top