vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法


Posted in Javascript onApril 17, 2019

由于最新版本的vue-cli已经放弃dev-server.js,需在webpack.dev.conf.js配置才行

新版本的webpack.dev.conf.js配置如下:

const express require('express')
const app =express()
var appData = require('..data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

找到devServer后,在最后面添加:

before(app) {
   app.get('/api/appData',function(req,res){
    res.json({
     errno:0,
     data:appData
    })
   }),
   app.get('/api/seller',function(req,res){
    res.json({
     errno:0,
     data:seller
    })
   }),
   app.get('/api/goods',function(req,res){
    res.json({
     errno:0,
     data:goods
    })
   }),
   app.get('/api/ratings',function(req,res){
    res.json({
     errno:0,
     data:ratings
    })
   })
  }

最后一定要重启才会生效,因为修改了配置文件,重新跑一次npm run dev.

打开路径 http://localhost :8080/api/appData就能请求到数据

打开 http://localhost :8080/api/seller 能请求到seller相关数据

如图:

vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法

总结

以上所述是小编给大家介绍的vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
jQuery的三种$()
Dec 30 Javascript
javascript for循环设法提高性能
Feb 24 Javascript
基于Jquery的文字自动截取(提供源代码)
Aug 09 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
原生javascript实现隔行换色
Jan 04 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
BACKBONE.JS 简单入门范例
Oct 17 Javascript
js实现二级菜单点击显示当前内容效果
Apr 28 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 Javascript
vue component 中引入less文件报错 Module build failed
Apr 17 #Javascript
Vue项目路由刷新的实现代码
Apr 17 #Javascript
vue cli 3.x 项目部署到 github pages的方法
Apr 17 #Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 #Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
Apr 16 #Javascript
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 #Javascript
在Vue项目中使用snapshot测试的具体使用
Apr 16 #Javascript
You might like
PHP 常见郁闷问题答解
2006/11/25 PHP
php关联数组快速排序的方法
2015/04/17 PHP
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
layui表格实现代码
2017/05/20 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
谈谈JS中的!!
2017/12/07 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
Python实现简单层次聚类算法以及可视化
2019/03/18 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
详解python读取image
2019/04/03 Python
Python异常处理机制结构实例解析
2020/07/23 Python
python 实现有道翻译功能
2021/02/26 Python
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
人事主管的岗位职责
2013/11/16 职场文书
项目计划书范文
2014/01/09 职场文书
党员违纪检讨书
2014/02/18 职场文书
大学生社团活动总结
2014/04/26 职场文书
离婚协议书的范本
2015/01/27 职场文书
瘦西湖导游词
2015/02/03 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
建筑工程挂靠协议书
2016/03/23 职场文书
为Centos安装指定版本的Docker
2022/04/01 Servers
Redis keys命令的具体使用
2022/06/05 Redis