vue-cli搭建项目模拟后台接口数据,webpack-dev-conf.js文件配置
Posted 亦心晗
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli搭建项目模拟后台接口数据,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/seller‘, (req, res) => { res.json({ // 这里是你的json内容 errno: 0, data: seller }) }), app.get(‘/api/goods‘, (req, res) => { res.json({ // 这里是你的json内容 errno: 0, data: goods }) }), app.get(‘/api/ratings‘, (req, res) => { res.json({ // 这里是你的json内容 errno: 0, data: ratings }) }) }
以上是关于vue-cli搭建项目模拟后台接口数据,webpack-dev-conf.js文件配置的主要内容,如果未能解决你的问题,请参考以下文章