axios使用

<h3 id="axios">axios

• 基于promise用于浏览器和node.js的http客户端

• 支持浏览器和node.js
• 支持promise
• 能拦截请求和响应
• 能转换请求和响应数据
• 能取消请求
• 自动转换JSON数据
• 浏览器端支持防止CSRF(跨站请求伪造)

• npm安装

    $ npm install axios
    npm install axios --save//本地
    npm install axios -s

• 在vue中全局引用
• 以vue-cli为例，在main.js中
• 因为axios并不是vue自带的，所以我们不能用Vue.use()

• 只能将其赋值给vue的prototype,已达到所有页面都能使用axios的目的

    import axios from 'axios'；
    Vue.prototype.axios = axios；

• 使用this.axios

    methods:{
        myajax:function(){
            this.axios({
                method:'post',url: '接口地址',data:{}
            })
            .then(function(res){
                console.log(res.data)
            })
            .catch(function(err){
                console.log(err)
            })
        }
    }

• bower安装

    $ bower install axios

• 通过cdn引入

    
              
  
              	
  相关内容
  
  常见NoSQL系统使用场景分析
  正则表达式（专题）
  使用FastJson解析Json数据
  使用Jackson XmlMapper序列化到XML DOM
  在vue中使用Autoprefixed的方法
  浅析vue component 组件使用
  reactor和proactor模式
  rubygems – 如何更新JRuby的gem命令？
  iphone – UITabBarItem.title与UINavigationController.ti
  正则表达式
  
              
          
      
      
  
      	
  
          
  推荐文章
              
  
          
      	
  
          
  站长推荐
              
  嵌套动画如何使用
  vue指令以及dom操作详解
  使用XOR交换值
  如何避免在C中使用异常？
  敏捷开发学习
  Flash反编译软件(Action Script Viewer)ASV2012/
  正则表达式全解
  如何添加链接到Flash横幅
  BitmapScale9Grid【九宫格类】
  JSONObject、JSONArray
          
          
          
  
      	
  
          
  热点阅读
              
  
          
          
  
          
  	
  
  
  
  
  【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。
  建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果
  Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同