vue通过axios调用本地自定义数据

1.  自定义数据放置位置

vue通过axios调用本地自定义数据_第1张图片

自定义数据放在根目录的public文件里, 可根据自己的需求分类管理

.json文件的格式

{
  "data": {
    "text": "个人数据",
    "conditions": [
      {
        "label": "姓名",
        "name": "name",
        "text": "张三"
      },
      {
        "label": "年龄",
        "name": "age",
        "code": 18
      }
     ]
  },
  "code": "200",
  "msg": "成功"
}

2.  获取数据

直接使用get调用即可

注意是接口地址是 data 开始,而不是 public

// 获取本地JSON
    getJson() {
      this.$axios.get('data/analysis-report/custom-during-analysis.json').then(res => {
        // 获得数据  
        console.log(res)
      })
    },

获得数据 

vue通过axios调用本地自定义数据_第2张图片

你可能感兴趣的:(Vue)