详解vue-cli中模拟数据的两种方法
|
<p style="text-align: center">
在main.js中引入vue-resource模块，Vue.use(vueResource).
1.使用json-server(不能用post请求) 接下来找到build目录下的 {
console.log('jSON Server is running')
})
现在重启服务器后浏览器地址栏输入localhost:3000能进入如下页面则说明json server启动成功了
现在找到config文件夹下的index.js文件，在dev配置中找到proxyTable:{} 并在其中配置 现在可以使用
在项目中通过resource插件进行ajax请求 在
2.使用express(可以使用post请求)在项目中新建routes文件并在其中新建api.js,内容如下： {
if(apiData[req.params.name]){
res.json({
'error':'0',data:apiData[req.params.name]
})
}else{
res.send('no such a name')
}
})
接下来找到build目录下的 现在找到config文件夹下的index.js文件，在dev配置中找到proxyTable:{} 并在其中配置 重启之后，便可以post请求访问数据了. 总结以上所述是小编给大家介绍的vue-cli中模拟数据的两种方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
