web前端|js教程
javascript,Vue2.5,json
web前端-js教程
本文通过实例代码给大家详细介绍了Vue2.5通过json文件读取数据的方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
公司景区网站源码PHP,u盘按照ubuntu,千眼查爬虫,getfiles php,seo待遇方案lzw
1.准备工作
家装erp源码,ubuntu怎么安装不好,tomcat9兼容性,爬虫难度很高,php编程全套教程学习,网站seo 移动lzw
1.1 webpack.dev.conf.js
在线office网站源码,ubuntu开机无法上网,网络爬虫哪里能做,加锁 php,seo小菜鸟lzw
在const portfinder = require(‘portfinder)
的下面加上以下代码
const express = require(express)const app = express()var appData = require(../data.json)//加载本地数据文件的路径var leftMenu = appData.leftMenu //获取对应的本地数据var 数据名称 = appData.选择项var apiRoutes = express.Router()app.use(/api, apiRoutes)
找到devServer,在里面加入一下代码
before(app) { app.get(/api/leftmenu, (req, res) => { res.json({ errno: 0, data: leftMenu })//接口返回json数据,上面配置的数据seller就赋值给data请求后调用 }), app.get(/api/数据, (req, res) => { res.json({ errno: 0, data: 数据(与上面数据名称对应) }) })}
2.在使用的组件里
created(){ this.$http.get(api/leftmenu).then((response) => { console.log(response) this.leftMenu = response.body.data //数据位置 })} data(){ return{ leftMenu:[]; }}
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
通过vue在v-for循环复选框中默认勾选第一个如何实现?
在JS表单中如何实现传值和URL编码转换?
利用jQuery如何实现左右滑动的toggle方法?
如果觉得《在Vue2.5中通过json文件读取数据办法》对你有帮助,请点赞、收藏,并留下你的观点哦!