Vue入门——模拟网络请求加载本地数据

Posted 2020-11-04 取什么昵称呢

1、首先我们需要在webpack.dev.conf.js中const PORT = process.env.PORT && Number(process.env.PORT) 的后面追加一下代码：

//模拟请求
const express = require(‘express‘);
const app = express();
const sysList = require(‘../static/sysList.json‘)
var apiRoutes = express.Router();
app.use(‘/api‘, apiRoutes);

2、在webpack.dev.conf.js中devServer中添加一下代码：

before(app) {
      app.get(‘/api/system/list‘, (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: sysList
        })
      }),
        app.get(‘/api/goods‘, (req, res) => {
          res.json({
            // 这里是你的json内容
            errno: 0,
            data: sysList
          })
        })
    }

3.在sysList.json中添加json数据