vue2.0在没有dev-server.js下的本地数据配置方法
更新时间：2018年02月23日 09:40:38 作者：一切都以大橘为重
这篇文章主要介绍了vue2.0在没有dev-server.js下的本地数据配置方法的相关资料，非常不错，具有参考借鉴价值,需要的朋友可以参考下
问题描述：
在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这个路由导向到具体的路由
如图
在找到devServer对象，在里面添加相关路由设置
before (app) {
app.get('/api/seller', function (req, res) {
// 服务端收到请求后返回给客户端一个json数据
res.json({
// 当我们数据正常时，我们通过传递errno字符为0表示数据正常
errno: 0,
// 返回json中的卖家数据
data: seller
})
})
}
接下来只需重新 npm run dev 就可以的数据
总结
以上所述是小编给大家介绍的vue2.0在没有dev-server.js下的本地数据配置方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了Vue-resource安装过程及使用方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
这篇文章主要介绍了<el-button>点击后如何跳转指定url链接问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要给大家介绍了Vue.js实战之Vuex的入门教程，文中介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。2017-04-04
这篇文章主要为大家详细介绍了vue.js声明式渲染和条件与循环的基础知识，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
在本篇文章里小编给大家整理了关于vue下canvas裁剪图片实例讲解内容，需要的朋友们可以参考下。2020-04-04
这篇文章主要介绍了一文详解Vue3响应式原理，文章通过与vue2.x 的响应式做对比详解展现出了Vue3响应式原理详情，感兴趣的小伙伴可以参考一下2022-06-06
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
这篇文章主要介绍了Vue中Table组件行内右键菜单实现方法，该项目是基于 vue + AntDesign的，具体实例代码给大家介绍的非常详细 ,需要的朋友可以参考下2019-11-11
mitt又称事务总线,是第三方插件,这篇文章主要为大家详细介绍了Vue3中事件总线mitt的使用方式,感兴趣的小伙伴可以跟随小编一起学习一下2025-03-03
这篇文章主要为大家介绍了LogicFlow内置插件使用实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
本篇文章主要介绍了在Vue中使用Compass的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
最新评论