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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
javascript操作JSON的要领总结
Dec 09 Javascript
Js获取数组最大和最小值示例代码
Oct 29 Javascript
BootstrapValidator不触发校验的实现代码
Sep 28 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
js调用刷新界面的几种方式
May 03 Javascript
React Native实现进度条弹框的示例代码
Jul 17 Javascript
微信小程序获取手机号授权用户登录功能
Nov 09 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
JavaScript实现简单计时器
Jun 22 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
最新制作ThinkPHP3.2.3完全开发手册
2015/11/23 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
强制设为首页代码
2006/06/19 Javascript
在视频前插入广告
2006/11/20 Javascript
filemanage功能中用到的common.js
2007/04/08 Javascript
jquery之Document元素选择器篇
2008/08/14 Javascript
javascript 表单验证常见正则
2009/09/28 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
2016/09/20 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
每天学点Vue源码之vm.$mount挂载函数
2019/03/11 Javascript
在Python中使用__slots__方法的详细教程
2015/04/28 Python
Python绑定方法与非绑定方法详解
2017/08/18 Python
django限制匿名用户访问及重定向的方法实例
2018/02/07 Python
Python爬虫JSON及JSONPath运行原理详解
2020/06/04 Python
什么是python类属性
2020/06/10 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
大学生求职自我评价
2014/01/16 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
大学军训决心书
2015/02/05 职场文书
初中历史教学反思
2016/02/19 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
python中如何对多变量连续赋值
2021/06/03 Python
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android