首页 > 移动平台 > 详细

Vue-axios/resource

时间:2019-09-02 14:08:15      阅读:58      评论:0      收藏:0      [点我收藏+]

一、vue-resource老版本的请求数据

  (一)使用:

    1、引入:resource.js

       参数1:请求地址

       参数2:传递的值

       参数3:回调函数名

    2、通过then接收返回的结果

      this.$http.jsonp("地址",{传递的值},{jsonp:"cb"}).then(data=>{});

    或者:

    1、下载:cnpm install vue-resource -D

    2、引入使用:import resource from "vue-resource"

            Vue.use(resource);

二、axios

  (一)概念:基于promise的HTTP库,可以在浏览器和node.js中进行数据请求

  (二)优点:

    从浏览器中创建XMLHttpRequests

    从node.js中创建HTTP请求

    支持promise API

    拦截请求和响应

    转换请求数据和相应数据

    取消请求

    自动转换json数据

    客户端支持防御XSRF

  (三)下载引入安装

    yarn add axios/cnpm install axios -S

    import axios from "相对地址"

  (四)axios基本使用

    1、get请求

      axios.get(url,{需要传递给服务器的参数{}}).then(()=>{}).catch(()=>{})

    2、post请求

      axios.post(url,{需要传递的参数}).then(()=>{})

    3、综合写法

      axios({method:"请求方式",url:"请求地址",data:"需要传递的参数",header:})

Vue-axios/resource

原文:https://www.cnblogs.com/liufuyuan/p/10830043.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!