另一方面，在Axios的一般方法安装中使用npm
部署npminstallaxios-snpminstallqs-sax IOs，qs.js
导入axios from ' axios '； 导入自' QS '； qs是url参数转换(parse和stringify )的js库。
使用axios时，它用于对post方法进行编码。
qs.parse方法可以将格式化字符串转换为对象格式
qs.stringify将参数对象格式化为字符串，而不是qs.parse。
获取请求get方法一
get(URL )//url请求地址. then(res={console.log )，res ) /请求成功是返回数据).catch (err={ {
get(URL，{parmams:{key1:value，key2:value2}} ) }.then(res={console.log ('如果请求成功'，RES )； //请求成功应返回数据} ).catch(err={console.log )“请求失败”，err )； //请求失败回复原因} )当params设置为路由时，params将成为路由的一部分。 如果params向此路由传递参数，但在跳转过程中不传递此参数，则跳转将失败，或者页面内容将消失。
post请求get方法二
//请求序列化数据(urlencoded方式) post(URL，k1=v1k2=v2，{ header : } ' content-type :应用程序/x-www-form //请求成功应返回数据} ).catch(err={console.log )“请求失败”，err )； //请求失败的回复理由} (内容类型为“application/x-www-form-urlencoded； 无论是POST请求还是GET请求，charset=UTF-8都可以通过这种方式成功获取参数，但如果前端POST请求的主体是Json对象，则会报告上述错误。
post方法一
Json对象的post(URL，{k1:v1，k2:v2} ).then ) res={console.log )请求成功时)，RES ) /请求成功为回复数据) ) ).
//file文件post(URL，formData ).then ) res={console.log )，RES )，请求成功为返回数据} ).catch ) err={console.log}
1、表单元素的name和value相结合，实现表单数据的序列化，减少表单元素的连接，提高工作效率。
2、异步上传文件。
具体的urlencoded方式/json数据格式如下。 (qs用法) urlencoded方式getMovies ) ) vardata=) areaid:50，typeId:0，initial: '，PP peid 33600 this.$ http.postp QS.stringify )，{ headers 3360 } charset=utf-8 ' }.then (RES={ console.log ('后期电影数据'，RES )； }.catch(err={console.log )、err )； //json数据格式/* this.$ http.post (http://www.en data.com.cn/API/get data.ashx )、{areaId:50、typeid3350、} }.catch(err={console.log )、err )； ()/)、二、Axios如何上传文件templatedivh1首页/是否实现h1 divv-if=' pics.length ' img : src=' ' http://www.520mg.com ' item ' v-for=' item ' v-for=' item ' up () span class=' before ' 3360 style=({ } import QS from ' QS '； 导出默认值{ data，{return {pics:[]，pre:0}}，created，methods:{//文件，图像上传up { vart harr } if (！ file ) {return} //如果没有文件//将得到上传的文件var data=new FormData (； //创建表单数据data.append('file '，file )； 控制台. log (asas )、data )//图像或文件为dataaxios.post )、https://www.520mg.com/Ajax/file.PHP、data、//1号//e.loaded将已经上载的字节数据、e.total字节数据转换为1-100的比例值，然后返回pre}}.then(RES={console.log(RES )； if(RES.data.error==0) (/错误为0this.pics.push(RES.data.pic )； //将图像添加到图像pics数组中}this.$refs.file.value=' '； //清空表单数据this.pre=0清空上传进度数据()、(/*设置宽度和高度，相对放置彩色文字内容信息)/. label.before (position : abore ) left:0； bottom:0； 内容： '； display :在线区块； height: 2px； width: 0%； 背景色： orange； (/)绝对定位宽度默认0%底部橙色进度条(/.labelinput ) display:none； (/)标签中包含的输入单击和标签单击的效果匹配，隐藏输入(/