vue2.0在没有dev-server.js下的本地数据配置方法
2018-02-23 09:40
567 查看
问题描述:
在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下的本地数据配置方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- vue2.0在没有dev-server.js下的本地数据配置
- 没有dev-server.js文件该怎么配置本地数据
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- 没有dev-server.js文件,如何进行后台数据模拟?
- 没有dev-server.js文件,如何进行后台数据模拟?
- 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
- 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
- vue请求数据,build文件没有dev-server.js解决办法
- vue创建项目build的文件夹下没有dev-server.js文件了,怎么mock数据?
- 最新的vue webpack模板没有dev-server.js文件,进行后台数据模拟笔记
- vue开发请求本地数据旧版本dev-server.js,新版本webpack.dev.conf.js
- vue.js 配置webpack-dev-server 的错误解决方法
- IIS配置与错误提示 500.19 - Internal Server Error 无法访问请求的页面,因为该页的相关配置数据无效 解决方法
- 为什么vue-cli创建的build文件下没有dev-server.js文件
- 使用vue-cli没有'dev-server.js'以及'dev-client.js'文件
- vue-cli的webpack模版,相关配置文件dev-server.js与webpack.config.js配置解析
- vue-cli的webpack模版项目配置解析-build/dev-server.js
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)