Vue加载并使用JSON文件
首先我将文件放到了pulic/cdn文件下,这样频繁改动里面的数据不需要前端每次打包发给后端部署了,只需要把文件改好后发给后端即可内容首先在使用数据的页面引入JSON文件和axios动态创建script标签,代码如下// 获取本地静态数据getData() {let script = document.createElement('script')script.src = './cdn/echar
·
首先我将文件放到了pulic/cdn文件下,这样频繁改动里面的数据不需要前端每次打包发给后端部署了,只需要把文件改好后发给后端即可
内容
首先在使用数据的页面引入JSON文件和axios
动态创建script标签,代码如下
// 获取本地静态数据
getData() {
let script = document.createElement('script')
script.src = './cdn/echartsData/echartsData.json'
document.body.appendChild(script)
axios({ url: './cdn/echartsData/echartsData.json', method: 'get' }).then(res => {
this.data = []
if (res.data.caseCenter) {
//这样就可以取到里面的数据了
}
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)