脚本宝典收集整理的这篇文章主要介绍了vue中get和post请求的区别点总结，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。
vue中get和post请求的区别
在GET请求中参数是跟在URL后面，即参数放在header中。能传的参数较小。使用params。
this.$http.get(' URL ').then(result=>{
if(result.status===0){
// 成功了
this.list=result.message;
// 这里是假设被请求的数据表中的列表名称为message
}else{
// 失败了 ，弹出窗体警告
alert("数据请求失败");
}
})
在POST请求中参数是放在body中，并不跟在URL后面。使用data,传递的参数较大。
this.$http.post('URL',{id:this.id},{emulateJSON:true})..then(result=>{
if(result.body.status===0){
// 成功了
}else{
// 失败了
alert("获取数据失败！");
]
})
知识点扩展：
vue 使用post/get 下载导出文件操作
<!DOCTYPE htML> <html> <head> <;meta charset="UTF-8"> <tITle>前端项目下载导出文件</title> </head> <body> <script> /** * post 方式 * 返回：文件流 * 好处：可以自己修改文件名称 方便调试 */ let params ={ ListData : this.ListData } _this.$http.post(url,params,{responseType:"arraybuffer"} //必须添加项 ).then(function(res) { console.LOG(res) VAR blob = new Blob([res.data], {type: 'application/msword;charset=utf-8'}); var filename = "download.doc"; var a = document.createElement('a'); var url = window.URL.createObjectURL(blob); a.href = url; a.download = filename; var body = document.getelementsbytagname('body')[0]; body.appendChild(a); a.click(); body.removeChild(a); window.URL.revokeObjectURL(url); } /** * get 方式 * 返回：文件流 * 好处：前台什么都不需要处理 完全后台处理 * 缺点：不变调试（需要确保后台接口稳定） */ let exportURL = `api/SysLog/export?content=${content}&ip=${ip}`; window.open(exportURL, "_blank") </script> </body> </html>
到此这篇关于vue中get和post请求的区别点总结的文章就介绍到这了,更多相关vue中get和post请求的区别是什么内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本宝典！
以上是脚本宝典为你收集整理的vue中get和post请求的区别点总结全部内容，希望文章能够帮你解决vue中get和post请求的区别点总结所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。