问题描述:
在 vue2.0 的以上的版本, vue-cli 的 build 的文件夹下没有 dev-server.JS 文件, 那怎么配置 mock 数据
Vue2.x 在 build 下的 webpack.dev.conf.JS 配置就行
- // 在 const portfinder = require('portfinder') 后添加
- const express = require('express') // Node.JS 开发框架 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 就可以了.
转 https://www.php.cn/js-tutorial-400868.html
来源: http://www.bubuko.com/infodetail-3399554.html