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 相关文章推荐
javascript 面向对象继承
Nov 26 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
利用js 进行输入框自动匹配字符的小例子
Jun 29 Javascript
将Datatable转化成json发送前台实现思路
Sep 06 Javascript
Javascript中3个需要注意的运算符
Apr 02 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
Nov 23 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 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
需要注意的几个PHP漏洞小结
2012/02/05 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
laravel实现于语言包的完美切换方法
2019/09/29 PHP
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
js ajaxfileupload.js上传报错的解决方法
2016/05/05 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
写给新手同学的vuex快速上手指北小结
2020/04/14 Javascript
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
详解Django项目中模板标签及模板的继承与引用(网站中快速布置广告)
2019/03/27 Python
对Python中画图时候的线类型详解
2019/07/07 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
理货员的岗位职责
2013/11/23 职场文书
就业自荐书
2013/12/05 职场文书
中英文自我评价语句
2013/12/20 职场文书
小学毕业感言50字
2014/02/16 职场文书
写好自荐信需做到的5要点
2014/03/07 职场文书
关于清明节的演讲稿
2014/09/13 职场文书
2014年路政工作总结
2014/12/10 职场文书
市场部经理岗位职责
2015/02/02 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
标准演讲稿格式结尾应该怎么书写?
2019/07/17 职场文书
Python3的进程和线程你了解吗
2022/03/16 Python