Node.js+Vue2.0+webpack（axios获取数据）

最新推荐文章于 2024-07-16 16:14:01 发布

置顶云逸天下

最新推荐文章于 2024-07-16 16:14:01 发布

阅读量661

点赞数

本文链接：https://blog.csdn.net/qq_37725286/article/details/81233010

版权

使用 npm安装axios

$ npm install axios

安装好之后进入文件node_modules/axios查看是否存在

进入到main.js里面进行相关配置

以下有两种请求方法：

(1)导入axios直接请求
main.js

import axios from 'axios';

indexPage.vue(当前编辑页面)

<script>
    import axios from 'axios'
    export default {
        data(){},
        created() {
            this.getData()
        },
        methods:{
            getData(){
            axios.get('https://XXX?page=1&&limit=3')
                .then(function (response) {
                    console.log(response);
                    alert('成功了');
                })
                .catch(function (code) {
                    alert('失败了');
                    console.log(code);
                });
            }
        }
    }
</script>

(2)封装axios成$http进行请求
main.js

import axios from 'axios';
Vue.prototype.$http = axios

indexPage.vue(当前编辑页面)

<script>
    export default {
        data(){},
        created() {
            this.getData()
        },
        methods:{
            getData(){
            this.$http.get('https://XXX?page=1&&limit=3')
                .then(function (response) {
                    console.log(response);
                    alert('成功了');
                })
                .catch(function (code) {
                    alert('失败了');
                    console.log(code);
                });
            }
        }
    }
</script>