首页 > 其他分享 >vue mock数据

vue mock数据

时间:2023-05-05 18:13:06浏览次数:35  
标签:vue 数据 路径 接口 点击 右侧 mock

这里使用的是fastmock,找到官网

 这里声明了一个名称是test,基础路径是/api的接口

 

点击右侧的箭头进入。

 

界面右侧有一个蓝色的新增接口 按钮,点击一下。

 

输入接口内容,实例如下:

 保存即可。

 

这时在前台 根地址+接口地址 就是完整的mock路径

 

标签:vue,数据,路径,接口,点击,右侧,mock
From: https://www.cnblogs.com/AduBlog/p/17375013.html

相关文章

  • Vue2中 ?. 可选链式调用操作符
    可选链运算符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空(nullish )(null 或者 undefined)的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用......
  • elementUi+table实现表格数据滚动
    elementUi+table实现表格数据滚动引用vue和elementUICDN//引用elementUICDN<scriptsrc="https://unpkg.com/vue@2/dist/vue.js"></script><!--importJavaScript--><scriptsrc="https://unpkg.com/element-ui/lib/index.js"></......
  • 虹科干货 | 零售业数智升级不掉队,get数据,get未来!
    电商崛起,传统零售行业危机四伏,全渠道盈利与可持续化成为难点,库存管理这块难啃的“硬骨头”也同样让零售商倍感压力......背腹受敌的零售商,如何才能在数字化转型道路上避免利润缩水,与供应商协作共赢,摆脱困扰,实现逆袭? 一.虹科Domo打造极致数字体验!电商的迅猛发展对传统零售行......
  • Vue el-form表单resetFields与clearValidate方法失效的三个坑
    1.在el-form标签中必须要绑定一个model,而且必须是:model,不能是v-model,这个是element-ui那边规定2.prop属性需要和上述model绑定的对象里的字段完全一致3.调用方法是this.$refs["refName"].resetFields(),this.$refs["refName"].clearValidate(["name"]),注意是this.$refs(vue3中是......
  • django迁移数据库错误问题解决
    删除所有的pyc文件,迁移文件然后重新运行python3manage.pymakemigrationsdjango.db.utils.InternalError:(1060,"Duplicatecolumnname'addr_id'")运行python3manage.pymigrate--fake然后重新运行python3manage.pymigrate成功!......
  • Django框架——ajax补充、多对多三种创建、序列化组件、批量操作数据、分页器
    ajax补充说明主要是针对回调函数args接收到的响应数据1.后端request.is_ajax() 用于判断当前请求是否由ajax发出2.后端返回的三板斧都会被args接收不再影响整个浏览器页面3.选择使用ajax做前后端交互的时候后端一般返回的都是字典数据 user_dict={'code':10000,'usernam......
  • java语言和数据类型
    1、java和跨平台计算机语言和编程相关1.JVM:java虚拟机。2.JRE:java运行环境。包括程序运行所需的虚拟机和类库,一般服务器使用。3.JDK:java开发工具包。java语言是如何跨平台的?java语法规则(重点)类名建议首字母大写。2.一个类要运行必须要有main主方法。3.java语言严......
  • Android 数据存储
    概述文件存储特点:openFileInput()和openFileOutput()读取设备上的文件。SharedPreferences特点:以XML格式将数据存储到设备。SQLite数据库特点:运算速度快,占用资源少,还支持基本SQL语法。ContentProvider特点:应用程序之间的数据交换,可以将自己的数据共享给其他应用......
  • vue 分页demo || vue分页插件
    方法一查看源码demo:点击预览方法二运用插件演示地址:点击预览查看源码:点击查阅......
  • DataTable添加数据
       在ASP.NET中添加数据到DataTable可以使用以下步骤: 1.创建DataTable对象: DataTabledt=newDataTable(); 2.添加列名: dt.Columns.Add("列名1");dt.Columns.Add("列名2");dt.Columns.Add("列名3"); 3.添加行数据: DataRowrow1=dt.NewRow();ro......