vue2.0 axios交互

vue使用axios交互时候会出现的问题大体有三个：

　　1：本地调试跨域问题？

　　2：post请求，传参不成功，致使请求失败？

　　3：axios引用，在使用的组件里面引用

解决方案：

　　问题一：跨域？

　　　　解决本地调试跨域问题？

　　　　反向代理---- 这个须要本身在配置文件里面去改配置，有个config下面的index.js文件

　　　　

　　　　

　　　　上图是没有修改的，至于具体怎么修改，能够百度下，固然若是实在不会的话就调试时候，先把代码写好， npm run build 打包给后台在他那调试

　　　　怎么配置反向代理？

　　　　

　　　　　 　target是你后台服务器地址 

　　　　　　 发请求的时候  url 写成 ' /api/后台接口地址'

　 　不清楚可看文档：  https://vuejs-templates.github.io/webpack/proxy.html

　　问题二：post请求，传参不成功，致使请求失败？（get请求的话直接按文档来就行）

　　　　为何？

　　　　缘由：由于axios post请求时候传参时候和传统的ajax有点不同，并非form提交的方式，说的简单点在

　　　　　　　　若是你请求的接口是这样的：http://localhost:8086/web/checkSkill/getSkillList？key=123&currentPageNo=1  那你就要作处理

　　　　　　　　怎么处理：qs.stringify( )；以下图

　　　　　　　　

　　　　　　　　　　

　　　　　　　　固然了，使用以前你须要先把qs引用过来：

　　　　　　　　

　　　　　　　　至于需不需先 npm install qs --save 这个随你，好像均可以，

　　　　　　　　还有一种就是可能后台须要接收的参数格式是json对象格式，那怎么办？看下图：

　　　　　　　　

　　　　　　　　就这样处理

　　　　问题三：axios引用

　　　　　　　　就是你在那个组件使用了交互须要你在这个组件里面先引用一下，

　　　　　　　　就是import axios from 'axios'  我当时是在全局（main.js）里面就引用了一下，而后就开始在其余组件里面用了，发现很差使，才单独引用的，

 

固然了，在使用axios以前仍是不要忘了，先安装axios   npm install axios --save  具体的能够看文档！！！！