vue|vue网络请求 vue|vue.js

一、fetch

全局请求不需要引入直接使用即可，浏览器内置的
支持 get 和 post 请求，默认get

语法：

fetch(url) .then(res=>{return res.json()}) .then(res=>{res是数据})

注：第一个then的res需要使用json方式处理成promise对象
举例：

{{msg}}

二、axios

需要下载axios插件引入js文件
特点：相较于fetch，只需要一个then获取数据，更方便
使用率高 - vue和react都会使用axios

语法：

get请求：
一个参数：直接跟在url后面
多个参数：params:{存放多个参数}
【vue|vue网络请求】post请求：
json：直接第二个形参放成对象 {参数数据}
表单编码：直接第二个形参放成字符串 '参数数据&参数数据'
常规请求：（常用）
get:
axios({
methods:'get',
url:'地址',
params:{数据},
})
post:
axios({
methods:'post',
url:'地址',
headers:{
'Content-Type':'application/x-www-form-urlencoded'/'application/json'
}
data:{数据},
})