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    
        });    

      });

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

猜你喜欢

转载自blog.csdn.net/qq_29109193/article/details/80216459