首页 > 其他 > 详细

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

时间:2018-05-11 21:09:02      阅读:198      评论:0      收藏:0      [点我收藏+]

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数据

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

原文:https://www.cnblogs.com/zyxiaohuihui/p/9026548.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!