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 相关文章推荐
详解jQuery插件开发中的extend方法
Nov 19 Javascript
JS Loading功能的简单实现
Nov 29 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
高效Web开发的10个jQuery代码片段
Jul 22 Javascript
JavaScript登录验证码的实现
Oct 27 Javascript
react-native android状态栏的实现
Jun 15 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
vue基于better-scroll仿京东分类列表
Jun 30 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 Javascript
js实现上传图片到服务器
Apr 11 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
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
php unlink()函数使用教程
2018/07/12 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
使用js画图之正弦曲线
2015/01/12 Javascript
Node.js开源应用框架HapiJS介绍
2015/01/14 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
2015/11/21 Javascript
Javascript获取图片原始宽度和高度的方法详解
2016/09/20 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
小程序云开发初探(小结)
2018/10/24 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python中实现k-means聚类算法详解
2017/11/11 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
numpy数组广播的机制
2019/07/12 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
详解字符串在Python内部是如何省内存的
2020/02/03 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
简单介绍HTML5中audio标签的使用
2015/09/24 HTML / CSS
产品质量承诺范本
2014/03/31 职场文书
爱国演讲稿500字
2014/05/04 职场文书
群教个人对照检查材料
2014/08/20 职场文书
岗位职责范本大全
2015/02/26 职场文书
2015年爱国卫生月活动总结
2015/03/26 职场文书
党员承诺书范文2015
2015/04/27 职场文书
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL