vue2.0在没有dev-server.js下的本地数据配置方法


Posted in Javascript onFebruary 23, 2018

问题描述:

在vue2.0的以上的版本,vue-cli的build的文件夹下没有dev-server.js文件,那怎么配置mock数据

Vue2.x在build下的webpack.dev.conf.js配置就行

//在const portfinder = require(‘portfinder')后添加
const express = require('express')  // nodejs开发框架express,用来简化操作
const app = express()    // 创建node.js的express开发框架的实例
var appData = require('../mock/goods.json')  //加载本地数据文件
var seller = appData.seller
var apiRoutes = express.Router()    // 编写路由
app.use('/api', apiRoutes) // 所有通过接口相关的api都会通过api这个路由导向到具体的路由

如图

vue2.0在没有dev-server.js下的本地数据配置方法

在找到devServer对象,在里面添加相关路由设置

before (app) {
   app.get('/api/seller', function (req, res) {
    // 服务端收到请求后返回给客户端一个json数据
    res.json({
     // 当我们数据正常时,我们通过传递errno字符为0表示数据正常
     errno: 0,
     // 返回json中的卖家数据
     data: seller
    })
   })
  }

vue2.0在没有dev-server.js下的本地数据配置方法

接下来只需重新 npm run dev 就可以的数据

总结

以上所述是小编给大家介绍的vue2.0在没有dev-server.js下的本地数据配置方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
快速排序 php与javascript的不同之处
Feb 22 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
Oct 29 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
javascript事件的传播基础实例讲解(35)
Feb 14 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
详解react使用react-bootstrap当轮子造车
Aug 15 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
vue axios数据请求及vue中使用axios的方法
Sep 10 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 #Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
Feb 23 #Javascript
解决vue中对象属性改变视图不更新的问题
Feb 23 #Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 #Javascript
vue 路由页面之间实现用手指进行滑动的方法
Feb 23 #Javascript
vue编译打包本地查看index文件的方法
Feb 23 #Javascript
vue 使用Jade模板写html,stylus写css的方法
Feb 23 #Javascript
You might like
咖啡的化学
2021/03/03 咖啡文化
php获取某个目录大小的代码
2008/09/10 PHP
在命令行下运行PHP脚本[带参数]的方法
2010/01/22 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
JS处理VBArray的函数使用说明
2008/05/11 Javascript
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
jquery自定义表格样式
2015/11/23 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
2016/03/01 Javascript
javascript循环链表之约瑟夫环的实现方法
2017/01/16 Javascript
Mongoose学习全面理解(推荐)
2017/01/21 Javascript
Vue 按键修饰符处理事件的方法
2018/05/04 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
2018/09/26 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
[01:31:22]Ti4 循环赛第四日附加赛LGD vs Mouz
2014/07/13 DOTA
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
Python中DJANGO简单测试实例
2015/05/11 Python
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
python3从网络摄像机解析mjpeg http流的示例
2020/11/13 Python
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
抽象类和接口的区别
2012/09/19 面试题
物理研修随笔感言
2014/02/14 职场文书
厂长岗位职责
2014/02/19 职场文书
团干部培训方案
2014/06/03 职场文书
舞蹈专业求职信
2014/06/13 职场文书
2015年文秘个人工作总结
2015/10/14 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书