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函数
Aug 01 Javascript
[HTML/CSS/Javascript]WWTJS
Sep 25 Javascript
解javascript 混淆加密收藏
Jan 16 Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 Javascript
Javascript调用C#代码
Jan 17 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
javaScript中push函数用法实例分析
Jun 08 Javascript
直接拿来用的页面跳转进度条JS实现
Jan 06 Javascript
微信小程序开发教程-手势解锁实例
Jan 06 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 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
星际流派综述
2020/03/04 星际争霸
整理的9个实用的PHP库简介和下载
2010/11/09 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
use jscript List Installed Software
2007/06/11 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
javascript将url中的参数加密解密代码
2014/11/17 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
AngularJS的脏检查深入分析
2017/04/22 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
vue+php实现的微博留言功能示例
2019/03/16 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
在Django的视图中使用数据库查询的方法
2015/07/16 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
委托与事件是什么关系?为什么要使用委托
2014/04/18 面试题
校本教研工作制度
2014/01/22 职场文书
中秋晚会策划方案
2014/06/12 职场文书
辩护词格式
2015/05/22 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
Pygame Time时间控制的具体使用详解
2021/11/17 Python