Vue 使用axios获取数据

最新推荐文章于 2024-08-30 11:26:32 发布

转载最新推荐文章于 2024-08-30 11:26:32 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/changedman/p/9204678.html

文章标签：

#javascript #php #ViewUI

本文介绍了如何使用Axios库来发起HTTP请求并处理响应。主要包括Axios的基本安装步骤、在项目中引入Axios的方法以及通过具体示例展示了如何定义API地址、发送GET请求并解析返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

axios 的使用

    1、安装 cnpm install axios --save

    2、哪里用哪里引入axios

<script>
 import Axios from 'axios';//引用插件
 export default {
        data() {
            return {
                list: []
            }
        }
        , methods: {
            getData() {
                var api = 'http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
                Axios.get(api).then((response) => {//注意这里改为箭头函数避免this指向问题
                    this.list = response.data.result;
                }).catch((error) => {
                    console.log(error);
                })
            }
        }
    }

</script>