Vue-axios/resource

Posted 2020-11-12 元哥0317

一、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:})