vue axios数据请求及vue中使用axios的方法
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: -------------------------------------------------------------------------------- •从浏览器中创建 XMLHttpRequest •从 node.js 发出 http 请求 •支持 Promise API •拦截请求和响应 •转换请求和响应数据 •取消请求 •自动转换JSON数据 •客户端支持防止 CSRF/XSRF 在vue中数据请求需要先安装axios
我们在使用请求数据的页面导入axios
然后在methods里面写数据的请求 {
//console.log(res)
this.list1 = res
})
}
在生命周期调用一下,一般我们数据请求使用的生命周期是Mounted 这样我们就完成了axios的get方法请求 然后我们简答的说一说post请求,post请求与get请求其实变得不多 {
console.log(res)
})
}
这样我们就可以成功的使用post方法请求数据了 补充:下面看下vue中使用axios1.安装axios npm:
cdn: 2.配置axios 在项目中新建api/index.js文件,用以配置axios api/index.js 这里的配置了POST、GET、PUT、DELETE方法。并且自动将JSON格式数据转为URL拼接的方式 同时配置了跨域,不需要的话将withCredentials设置为false即可 并且设置了默认头部地址为:,这样调用的时候只需写访问方法即可 3.使用axios 注:PUT请求默认会发送两次请求,第一次预检请求不含参数,所以后端不能对PUT请求地址做参数限制 首先在main.js中引入方法 然后在需要的地方调用即可 {
if (response.status >= 200 && response.status < 300) {
console.log(response.data);请求成功,response为成功信息参数
} else {
console.log(response.message);请求失败,response为失败信息
}
});
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |