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  具體的能夠看文檔！！！！