axios的使用

yunbo1
移动开发
2026-08-29
190

一、首先要安装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‘)

            }
        }
    }