码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-11 23:50:48      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:erp   ESS   color   vport   stat   dev   div   for   port   

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入门(三)——模拟网络请求加载本地数据

标签:erp   ESS   color   vport   stat   dev   div   for   port   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!