vue模拟后台数据

 最近正在学习vuejs这个框架,我安装的vuejs是2.9.3的版本,在环境配置完成后打开项目发现没有dev-server这个文件,当时我就懵了,这表示我无法在按照以前的方法进行数据模拟,后来参考资料说dev-server已经整合到了webpack.dev.conf.js里,我先在这里说明怎么在新版本里面的vue里进行后台数据模拟:

首先找到const portfinder = require('portfinder')这个节点

在这个节点下边添加以下代码:

const express = require('express')  
const app = express()  
const appData = require('../data.json')  
const ratings = appData.ratings  
const apiRouter = express.Router()  

app.use('/api',apiRouter)

在继续找到devServer这个节点,在这个节点里面添加before(app) { }子节点,往里面进行后台数据模拟:

app.get('/api/ratings',(req, res) => {    
        res.json({    
          errno: 0,    
          data: ratings    
        });    

      });

最后保存运行,访问路径即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值