Vue Ajax 获取数据

安装 axios

npm install axios --save

在 Home.vue 中使用

<script>
import axios from 'axios'
export default {
  name: 'Home',
  methods: {
    getHomeInfo() {
      axios.get('/api/index.json')
        .then(this.getHomeInfoSucc)
    },
    getHomeInfoSucc () {
      console.log(res)
    }
  },
  mounted () {
    this.getHomeInfo()
  }
}
</script>

但由于欠缺服务器的支持,所以本地开发是看不到效果的。
为了让本地开发也有 Ajax 请求的效果,我们可以测试本地请求。

在项目目录下面,有一个叫 static 的文件夹。
该文件夹下面的内容都可以在浏览器上面可以访问到,其他文件夹的一律无法访问。