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  具體的可以看文檔！！！！