axios的使用

Posted xufengnian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios的使用相关的知识,希望对你有一定的参考价值。

一、首先要安装axios

npm install axios

使用:

  -先在main中配置:

技术分享图片
import axios from axios


//要把axios放进一个全局变量中
//把axios赋给了$http这个变量
Vue.prototype.$http=axios
View Code

在vue中代码

技术分享图片
<script>
    export default{
        data:function () {
            return{
                course:[python,linux]
            }
        },
        methods:{
            init:function(){
                //this.$http就是axios
                this.$http.request({
                    url:http://127.0.0.1:8000/course/,
                    method:get
                }).then(function (response) {
                    //这里拿到的数据
                    console.log(response.data)
                }).catch(function (response) {
                    console.log(response.data)
                })
            },
            test:function () {
                alert(test)

            }
        }
    }
View Code

 

以上是关于axios的使用的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

ajax与 axios的基础讲解(附代码及接口)

项目集成element-plus和axios

前端面试题之手写promise

回归 | js实用代码片段的封装与总结(持续更新中...)

执行带有axios的GET请求时出现401错误