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 的文件夹。
该文件夹下面的内容都可以在浏览器上面可以访问到,其他文件夹的一律无法访问。