Vue加载并使用JSON文件

首先我将文件放到了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) {
           //这样就可以取到里面的数据了
        }
      })
    }