vue-axios基本用法

首先安装axios:

1):npm install
2):npm install vue-axios --save 
3):npm install qs.js --save  //它的作用是能把json格式的直接转成data所需的格式

安装成功后,在main.js页面引用:

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'


Vue.prototype.$axios = axios    //全局注册,使用方法为:this.$axios
Vue.prototype.qs = qs           //全局注册,使用方法为:this.qs

最后开始使用请求:

<script>     
export default{
         data(){
             return{
                 userId:666,
          token:'',
             }
         },
         created(){
             this.$axios({
                 method:'post',
                 url:'api',
                 data:this.qs.stringify({     //这里是发送给后台的数据
                     userId:this.userId, 
                     token:this.token,
                 })
             }).then((response) =>{          //这里使用了ES6的语法
                 console.log(response)       //请求成功返回的数据
             }).catch((error) =>{
                 console.log(error)          //请求失败返回的数据
             })
         }
     }
</script>

所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!

添加新评论

你的选择是做或不做,但不做就永远不会有机会。

凡事顺其自然,遇事处于泰然,得意之时淡然,失意之时坦然,艰辛曲折必然,历尽沧桑悟然。

生命要得到丰盛的收获,必需阳光;同时,也需要“雨”的浇灌。

人生应该树立目标,否则你的精力会白白浪费。

山涧的泉水经过一路曲折,才唱出一支美妙的歌。

常求有利别人,不求有利自己。

只有脚踏实地的人,才能够说:路,就在我的脚下。

无论选择做什么,追求完美的程度决定成就的高度。

这个世界最脆弱的是生命,身体健康,很重要。

上帝说:你要什么便取什么,但是要付出相当的代价。

成功源于不懈的努力。

暗自伤心,不如立即行动。

再多一点努力,就多一点成功。

得意淡然,失意坦然;喜而不狂,忧而不伤。

海纳百川,有容乃大;壁立千仞,无欲则刚。

生活其实很简单,过了今天就是明天。

你要记住你不是为别人而活,你是为自己而活。

岂能尽随人愿,但求无愧我心。

在你内心深处,还有无穷的潜力,有一天当你回首看时,你就会知道这绝对是真的。

活在当下,别在怀念过去或者憧憬未来中浪费掉你现在的生活。

挫折时,要像大树一样,被砍了,还能再长;也要像杂草一样,虽让人践踏,但还能勇敢地活下去。