vue-cli mock数据

• 在根目录建mock文件夹

var express = require('express') var apiRoutes = express.Router();  var home = require('./mockdata/home.json'); var daily = require('./mockdata/daily.json');;  apiRoutes.get('/home', function (req, res) {  res.json(home); });   apiRoutes.get('/daily', function (req, res) {  res.json(daily); });

编辑build文件夹中dev-server.js文件中，增加

var apiRoutes = require('../mock/apiroutes.js')  app.use('/api', apiRoutes);

整体结构如下

var port = process.env.PORT || config.dev.port // automatically open browser, if not set will be false var autoOpenBrowser = !!config.dev.autoOpenBrowser // Define HTTP proxies to your custom API backend // https://github.com/chimurai/http-proxy-middleware var proxyTable = config.dev.proxyTable  var app = express() var compiler = webpack(webpackConfig)  var apiRoutes = require('../mock/apiroutes.js')  app.use('/api', apiRoutes);  var devMiddleware = require('webpack-dev-middleware')(compiler, {   publicPath: webpackConfig.output.publicPath,   quiet: true })  var hotMiddleware = require('webpack-hot-middleware')(compiler, {   log: () => {} }) // force pages reload when html-webpack-plugin template changes compiler.plugin('compilation', function (compilation) {   compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {     hotMiddleware.publish({ action: 'reload' })     cb()   }) })

请求数据的时候，如下

this.axios.get('api/vocality').then(res => {    }).catch(err => {    })

文章来源: vue-cli mock数据