1.准备工作
1.1 webpack.dev.conf.js
在 const portfinder = require(‘portfinder') 的下面加上以下代码
文件的路径
var leftMenu = appData.leftMenu //获取对应的本地数据
var 数据名称 = appData.选择项
var apiRoutes = express.Router()
app.use('/api',apiRoutes)
找到devServer，在里面加入一下代码
{
res.json({
errno: 0,data: leftMenu
})//接口返回json数据，上面配置的数据seller就赋值给data请求后调用
}),app.get('/api/数据',data: 数据（与上面数据名称对应）
})
})
}
2.在使用的组件里
{
console.log(response)
this.leftMenu = response.body.data //数据位置
})
}
data(){
return{
leftMenu:[];
}
}
总结
以上所述是小编给大家介绍的Vue2.5通过json文件读取数据的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/vue/33535.html