1,fiddler安装,解决无法抓到https问题 可用本机的火狐浏览器测试,不行,就fiddler生成证书,拷到火狐里 在firefox中,选项->进入配置界面:高级-> 证书 -> 查看证书 -> 导入. 并且将证书导入手机,电脑无法考出文件,可用163邮箱,红米手机证书的存放位置 设置--更多设置--系统安全--信任的凭据   2,mock 数据 打开左上角的菜单按钮,发现没有我们的发现好物的菜单入口,好,我们下面来编辑. 切换到电脑的Fiddler里中的AutoRespon…

vue 创建一个项目 1.首先建立一个空文件夹,然后将这个文件夹要放到码云或者其他代码管理平台. 例如码云: 在码云上建立一个项目,然后在控制台进入这文件夹执行 git clone 地址是码云上创建的项目地址.这样就初始化到码云上成功了. 2.进入文件夹.全局安装 vue-cli npm install -g vue-cli 国内建议使用 cnpm (安装淘宝镜像):使用npm 初始化的时候会经常出错. 安装过的便不需要再进行这一步了 3.初始化webpack $ vue init webpac…

前言: 项目开发中,影响项目进程的常常是由于在前后端数据交互的开发流程中停滞,前端完成静态页面的开发后,后端迟迟未给到接口.而现在,我们就可以通过根据后端接口字段,建立一个REST风格的API接口,进而实现mock数据实现前端的独立开发. json-server 通过json-server完成mock数据 GitHub介绍:Get a full fake REST API with zero coding in less than 30 seconds (seriously) Created w…

不多说啥了,生活中都是各种阵痛与惊喜.最近在学习vue框架,刚写完一个小型的后台管理系统(https://github.com/michaelzhengzm/info-manager-systerm_ol),在这里做一个阶段性的小结: 一.构建项目与安装依赖 构建项目采用vue-cli脚手架搭建,npm.cnpm.vue-cli这些知识的基础,网上一大片一大片的,就不过多的描述了.难理解的是里面的配置文件,初学的时候确实费了很多劲,先不用去管太多的配置文件,这些主要是以后上线打包的一些配置问题.…

前言 现如今前后端分离开发越来越普遍,前端人员写好页面后可以自己模拟一些数据进行代码测试,这样就不必等后端接口,提高了我们开发效率.今天就来分析下前端常用的mock数据的方式是如何实现的. 主体 项目是基于vue-cli的,首先必须搭建好vue项目环境.如果有同学不知道如何搭建vue项目,可以参考我的另外一篇文章.因为mock数据需要借助node.js中express框架,所以必须先在项目中安装npm install express --save. 搭建完基础后,我们在src文件下创建一个moc…

前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或者没有稳定之前我们都是采用模拟数据的方式去进行开发项目,这样会使我们的前后端会同时的进行,提高我们的开发效率. 因为最近自己在自学 Vue 也在自己撸一个项目,肯定会遇到使用数据的情况,所以就想着如何在前端做一些 mock 数据的处理,因为自己的项目使用的是 vue/cli 3.0 与 vue/cl…

mock数据,好处,前后端分离,不用等后端的真实接口,就可以用axios(ek sju s 好像这么读,原谅本人总是根据读音写单词)请求数据了. 一,安装所需插件 根据不同需求选择安装环境,mockjs是一个插件,需要安装在开发环境.而axios安装在生产环境. cnpm install mockjs --save-dev: cnpm install axios --save: 二 1.设置mock地址: (1)创建一个mock文件夹内含 index.js文件,用于管理mock的.一定不要忘记在…

Nodejs构建mock数据并通过rest api风格调用接口访问数据 如果我们只有json格式的数据文件,我们想通过访问url方式调用居然数据 确保电脑安装node环境 如果你没有安装好node环境请移步http://nodejs.cn/ 一.安装json-server 1.新建demo文件 cd demo 2.安装json-server npm install -S json-server 3.项目demo目录下,新建一个 JSON 文件data.json和一个package.json文件…

在开发过程中,前后端不论是否分离,接口多半是滞后于页面开发的.所以建立一个REST风格的API接口,给前端页面提供虚拟的数据,是非常有必要的.对比过多种mock工具后,我最终选择了使用 json server 作为工具,因为它足够简单,写少量数据,即可使用.也因为它足够强大,支持CORS和JSONP跨域请求,支持GET, POST, PUT, PATCH 和 DELETE 方法,更提供了一系列的查询方法,如limit,order等.下面我将详细介绍如何搭建mock数据服务. 一.Node.js安…

在ant-design中,我们创建一个基础table会怎么实现呢? 如下代码可视,我们会自己创建一些数据,在表格中渲染出来,如下 <Card title="基础表格"> <Table columns={columns} dataSource={this.state.dataSource} pagination={false} /> </Card> const columns=[ { title:'id', dataIndex:'id' }, { ti…