使用 vue 获取本地数据

1. 我在项目的 public 下建了个 static 文件夹将main.json 文件

2.  

使用 axios 实现获取数据

<template>
<div class="body">
    <button @click="getMainData">获取数据</button>
</div>
  
</template>

<script lang="ts">
import axios from 'axios'
 
export default {
  data(){
    return {

    }
  },
  methods:{
    getMainData(){
      axios.get('/static/main.json')
      .then(result => {
        console.log('getMainData' , result)
      })
      .catch(error => {
        console.log(error)
      })
    }
  }
}

</script>

3 点击按钮就可以啦