Vue2.5怎么通过json文件读取数据
发表于:2024-10-17 作者:千家信息网编辑
千家信息网最后更新 2024年10月17日,这篇文章主要介绍了Vue2.5怎么通过json文件读取数据的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue2.5怎么通过json文件读取数据文章都会有所收获,下面我们
千家信息网最后更新 2024年10月17日Vue2.5怎么通过json文件读取数据
这篇文章主要介绍了Vue2.5怎么通过json文件读取数据的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue2.5怎么通过json文件读取数据文章都会有所收获,下面我们一起来看看吧。
1.准备工作
1.1 webpack.dev.conf.js
在 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:[]; }}
关于"Vue2.5怎么通过json文件读取数据"这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对"Vue2.5怎么通过json文件读取数据"知识都有一定的了解,大家如果还想学习更多知识,欢迎关注行业资讯频道。
数据
文件
知识
代码
内容
名称
篇文章
价值
位置
接口
操作简单
文章
易懂
更多
看吧
组件
行业
资讯
资讯频道
路径
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
网络安全宣传周观看寄语
江苏省网络安全宣传周志愿者
网络技术服务能开什么票
互助系统软件开发公司
数据库文件后缀名是啥
公用网络安全不
网络安全靶场实训室
我的世界脏小豆网易服务器
北京特色软件开发报价
M网络技术-小赵 情侣网名
网络安全的背景和意义
为什么移动卡的网无法连接服务器
软件开发各阶段文档模板
音乐服务器软件
中国电信软件开发岗位
网络服务器配置与管理学习报告
海南网络安全保护
广东服务器电源供应商
网络安全技术演讲
东莞无线软件开发价格
李飞云原生新数据库
企业专利数据库如何搭建
网络安全法入刑
安徽软件开发专业专科院校
网络安全大赛视频真实
访问数据库应用什么技术
软件开发活动背景
机械制图试卷软件开发
oracle数据库监听查询
服务器执行php脚本