码迷,mamicode.com
首页 > 移动开发 > 详细

axios的使用

时间:2019-01-22 01:19:51      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:全局   main   init   就是   splay   default   技术分享   ack   linu   

一、首先要安装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的使用

标签:全局   main   init   就是   splay   default   技术分享   ack   linu   

原文地址:https://www.cnblogs.com/xufengnian/p/10301674.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!