vue-cli项目中怎么使用mock数据

发布时间：2020-12-17 02:46:58 所属栏目：百科来源：网络整理

导读：在vue项目中,mock数据可以使用 node 的 express模块搭建服务 1. 在根目录下创建 test 目录,用来存放模拟的 json 数据,在 test 目录下创建模拟的数据 data.json 文件 2.在build目录下的 dev-server.js的文件作如下更改 //get请求 apiRoutes.get('/seller',fun

在vue项目中,mock数据可以使用 node 的 express模块搭建服务

1. 在根目录下创建 test 目录,用来存放模拟的 json 数据,在 test 目录下创建模拟的数据 data.json 文件

2.在build目录下的 dev-server.js的文件作如下更改

//get请求
apiRoutes.get('/seller',function(req,res){
res.send({
appData
});
});

app.use('/api',apiRoutes);

3. 在.vue做请求,就可以成功获取data.json的数据了,下面使用 axios 进行请求

请求成功,获取到数据

4. 如过要做post请求,需要对 dev-server.js 文件做对应的修改

这样就可以在vue 项目中进行模拟 ajax 请求了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!