vue mock数据

我的使用场景 是 使用vue 并且是 vue-cli3.0

首先 这个是mock数据的结构

下面看一下 apirouter.js 代码

// Mock data by hicoldcat

var express = require('express')
var apiRoutes = express.Router();

var init = require('./mockdata/getTable.json');
var preview = require('./mockdata/preview.json');
var column = require('./mockdata/column.json');
var columnChoose = require('./mockdata/columnChoose.json');

apiRoutes.get('/init', function (req, res) {
	res.json(init);
});

apiRoutes.get('/preview', function (req, res) {
	res.json(preview);
});

apiRoutes.get('/column', function (req, res) {
	res.json(column);
});

apiRoutes.get('/columnChoose', function (req, res) {
	res.json(columnChoose);
});

module.exports = apiRoutes;

这里面是具体json

const apiroutes = require('./api/apiroutes.js')
module.exports = {
    devServer: {
      host: "0.0.0.0",
      port: 8080,
      before(app) {
        app.use('/api', apiroutes)
      }
    },
    css: {
      // modules: true,
      loaderOptions: {
        sass: {
          data: `@import "@/scss/default.scss";`
        }
      }
    }
  };

这就好了。。