mock.js返回不成功

2024-08-08

mock.js中新增测试接口无效，返回404

项目是使用的npm+vue+mock模拟数据我碰到的是在mock配置文件中新增接口,但是接口在测试时无效,返回404.但是在前端代码中把新接口换成配置文件中之前就有的,然后测试就正常了. 所以按问题出现的现象就能推测出,90%的可能是因为在mock配置文件中新增的接口没有生效! 然后因为项目是npm+vue的,所以在命令行中ctrl+c把前端项目终止,然后在npm start把项目再次启动,再做测试新增接口就正常返回数据了(前提是mock配置文件已经修改好了). 总结:虽然是npm+vue,只

使用 mock.js 让前端开发与后端独立

直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <scrip

【mock.js】后端不来过夜半，闲敲mock落灯花 ——南宋·赵师秀

mock的由来[假] 赵师秀:南宋时期的一位前端工程师诗词背景:在一个梅雨纷纷的夜晚,正值产品上线的紧张时期,书童却带来消息:写后端的李秀才在几个时辰前就赶往临安度假去了, 赵师秀非常生气:"文档没有写!后端api写到一半又跑路!T!M!D!,好!老子自己写!" _(:3 」∠)_ 再后来,就有了那句千古名句啦~~( 为了表示对赵师秀先生的歉意,文末我将附上原文) 如果我说这就是前后端分离思想和mock.js的起源,你会信么?(ฅ´ω`ฅ) mock的由来[真

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经网络人工智能的库 , 页面游戏 , 数据可视化 , 甚至嵌入式开发 ,什么火就搞什么,活脱脱一个蹭热点小能手.如果你也觉得前端的日常开发有些枯燥,不妨一起来看看前端的另一番模样. 为什么你总是下不了班大部分工程化的项目为

mock js使用方法简单记录

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <script src=&

来自一枚初生牛犊不怕虎的小菜鸟的Mock.js使用,不足之处欢迎读者的指出谢谢

本文章写的是基于require的mock.js的几种常用生成随机数据和ajax模拟前后端的交互信息 <script src="./app/libs/require.js"></script> <script> require(["./main.js"],function(){ require(['myMock'],function(myMock){ }) }) </script> 首先这是主页面的引入 ==>

前端笔记之Vue（七）Vue-router&axios&Vue插件&Mock.js&cookie|session&加密

一.Vue-router(路由) 1.1路由创建官网:https://router.vuejs.org/zh/ 用 Vue.js + Vue Router 创建单页应用,是非常简单的.使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes),然后告诉 Vue Router 在哪里渲染它们. 安装vue路由: npm install vue-router --save 在

RAP、Mock.js、Vue.js、Webpack

最近做项目使用的是RAP1的接口,但是昨天开始,RAP1 出现了问题,接口都不能用了. 所以补充一下Mock.js的用法,以便在这种突发的情况时候时自己通过Mock的方式来处理接口. npm init npm init是用来装package.json的 npm init --yes安装一个默认的package.json 在安装一个要打包到生产环境的安装包时,你应该使用npm install -save,如果你在安装一个用于开发环境的安装包(例如,linter, 测试库等),你应该使用npm in

Vue+Mock.js模拟登录和表格的增删改查

有三类人不适合此篇文章: "喜欢站在道德制高点的圣母婊" -- 适合去教堂 "无理取闹的键盘侠" -- 国际新闻版块欢迎你去 "有一定基础但又喜欢逼逼的人" 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里不是你来装逼的地方. 你们也不值得看老子花那么多时间去汇总的水文. 前言关于mockjs,官网描述的是 1.前后端分离 2.不需要修改既有代码,就可以拦截 Aja

mock.js

mock.js http://mockjs.com/ https://github.com/nuysoft/Mock/wiki 为了完成angularjs的karma测试,看到这个好东东,这货能拦截ajax然后返回模拟数据,在后端接口没完成的情况写,这不是很赞么? 转自: http://www.angularjs.cn/A0I4 概述首先啦,我不认识mock.js的作者,带着需求找到mock.js让我觉得很惊艳. 相对于其他同类的框架的实现,mock.js超出了我的意料. 基于数据模板生成

js 返回前一页并刷新页面方法

[导读] 要返回上一页再刷新页面我们用到最多的是在像php,asp,jsp,asp.net中,下面我来给大家先介绍js 返回前一页并刷新页面,然后再把这些代码放在php中实现删除后返回当前页面并刷新页面.... JS 重载页面,本地刷新,返回上一页代码如下 1 2 3 <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()"

Mock.js：前后端分离开发工具

概述 Mock.js实现的功能基于数据模板生成数据基于 HTML模板生成数据拦截并模拟 Ajax请求用法浏览器:  <script src="http://mockjs.com/dist/mock.js"></script> <script> // 使用 Mock var data = Mock.mock({ 'list|1-10': [{ 'id|+1': 1 }] }); $('

mockjax MOCK.js的拦截ajax请求

今天看了下 mock.js的拦截请求 .https://github.com/nuysoft/Mock/blob/master/src/mockjax.js //覆盖(拦截) Ajax 请求,目前内置支持 jQuery.Zepto.KISSY 拦截请求的前提是基于各类库的内置方法来进行拦截. 比如jquery. 在$.ajax() 之前会有一个前置过滤器$.ajaxPrefilter() 先进行处理,然后根据参数的不同来分发请求(模拟或者直接发送请求). 在模拟的时候可以根据给出的参数返

Mock.js 与 fiddler 前端模拟数据与拦截请求

最近工作需要接触了Mock.js. Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试.提供了以下模拟功能: 根据数据模板生成模拟数据模拟 Ajax 请求,生成并返回模拟数据基于 HTML 模板生成模拟数据 http://mockjs.com/ 什么入门之类的看官网就会~~~ Fiddler web调试利器便于我们调试前后端数据等. Fiddler是一个web调试代理.它能够记录所有客户端和服务器间的http请求,允许你监视,设置断点,

mock.js 使用教程

mock.js 数据模板 #查看模板生成的数据 var data = Mock.mock({ //list|1-10 数组元素个数随机范围, id|+2 属性值递增, age|20-30数值随机范围 // test|3.2-5 3.xx-3.xxxxx 整数位3,小数位位数范围为2-5 //'yourname|2-4': 'alice-' 重复字符串的次数范围2-4 //常规真实数据格式,@name @color @url @first @last 'list|1-10': [{'id|+2':

MOCK.JS 生成随机数据，拦截 Ajax 请求

mock.js 的用处前后端分离 :让前端攻城师独立于后端进行开发. 增加单元测试的真实性 :通过随机数据,模拟各种场景. 开发无侵入 :不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据. 用法简单 :符合直觉的接口. 数据类型丰富 :支持生成随机的文本.数字.布尔值.日期.邮箱.链接.图片.颜色等. 方便扩展 :支持支持扩展更多数据类型,支持自定义函数和正则. 配置模拟数据案例 Mock.mock('http://g.cn', { 'name' : '@name', 'ag

dva框架使用mock.js模拟数据 + fetch请求数据

what DVA? Dva是基于Redux做了一层封装,对于React的state管理,有很多方案,我选择了轻量.简单的Dva. dva 可以很方便就使用mock.js进行数据的模拟. 只需要三步,即可使用mock进行模拟数据,使用fetch进行数据的请求. 首先,我们使用dva初始化一个项目.目录的结构为: 上面画着两个mock的相关配置文件. 第一步,我们现在在mock的文件夹下面配置你需要配置的文件, 例如说,你需要模拟用户列表的数据,那么你就配置是一个user.js , 里面写相关的mo

前后端分离（手）-- 使用mock.js（好样的）

## 前言: 本篇博文昨天七夕写的,一天下来被虐得体无完肤,苦逼的单身狗只能学习,对!我爱学习,关掉朋友圈,并写了一篇博文发泄发泄.这次写mock.js的使用,能使前后端分离,分离,分离,重要的是说三遍. > 特别说明:本篇博文适合单身贵族看.对于其他观众,不负责不承认. --- ## mockjs介绍: 你是否遇见过,前端开发过程中需要数据测试,但后端却迟迟没给你,没感情了分手吧. 是否遇见过需要亲自收集各种各样的数据. 那mock.js便可以很好的帮你解决问题.有了它前端就可以事先模拟数据,

mock.js的真实数据模拟

哈哈,怎么说,这应该是我的第一个随笔了,毕竟前端之路上一直在学习并且各位大神们的经验,虽然也有不少的坑,但是总是收获比较多,所以我也想把一些收获记录下来,有需要的可以参考参考. 网上看了不少大神很多例子很好,但是介绍模糊,看了不知道具体做法,所以我会介绍的详细一点. 今天是主要分享一下mock.js 的插件,我觉得很不哦错,实用性很强,它可以在后端数据没写好的情况下,模拟真实数据,拦截ajax请求并作出迅速的反馈 mock.js官网上有下载,不过注意下载完以后只需要提取一个有用的js文件就行然

使用RAP2和Mock.JS实现Web API接口的数据模拟和测试

最近一直在思考如何对Web API的其接口数据进行独立开发的问题,随着Web API的越来越广泛应用,很多开发也要求前端后端分离,例如统一的Web API接口后,Winform团队.Web前端团队.微信小程序或者APP团队大家可以同步开发,在最初约定一些接口的输入JSON数据和输出JSON数据,但是随着项目的进度开展,这些数据结构一直有所变化,那么我们模拟的JSON数据格式也需要协同变化,但是很不幸既然大家忙着开发,接口协调的事情肯定优先级没那么高,即使每次记得协调接口数据,也不一定能够完全一致

mock.js使用总结

基本使用: 1 引入mock.js 2 var data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'list|1-10': [{ // 属性 id 是一个自增数,起始值为 1,每次增 1 'id|+1': 1 }] }) // ==> { "list": [ { "id": 1 }, { "id": 2 }, { "id": 3 } ] } 语法说明: 见官方文档

mock.js返回不成功

热门专题