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实现div的toggle效果实例分析
Jun 09 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
Sep 16 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
Dec 04 Javascript
基于jquery实现智能提示控件intellSeach.js
Mar 17 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
Vue精简版风格指南(推荐)
Jan 30 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
基于javascript原生判断DOM是否加载完毕
Oct 14 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 Vue.js
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
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
PHP给文字内容中的关键字进行套红处理
2016/04/12 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
Alliance vs Liquid BO3 第三场2.13
2021/03/10 DOTA
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
FireBug 调试JS入门教程 如何调试JS
2013/12/23 Javascript
jQuery中replaceAll()方法用法实例
2015/01/16 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
Bootstrap选项卡与Masonry插件的完美结合
2016/07/06 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
浅谈javascript中的事件冒泡和事件捕获
2016/12/28 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
浅析使用Python搭建http服务器
2019/10/27 Python
python代码中怎么换行
2020/06/17 Python
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
肯尼迪就职演说稿
2013/12/31 职场文书
秋季红领巾广播稿
2014/01/27 职场文书
创业者是否需要商业计划书?
2014/02/07 职场文书
北体毕业生求职信
2014/02/28 职场文书
合作协议书模板
2014/10/10 职场文书
2014年反洗钱工作总结
2014/11/22 职场文书
2015公司年度工作总结
2015/05/14 职场文书
新闻稿格式范文
2015/07/18 职场文书
应收账款管理制度
2015/08/06 职场文书