vue2.0使用axios互動裡面的坑

標籤：失敗   ios   check   rom   logs   images   get請求   get   修改   

vue使用axios互動時候會出現的問題大致有三個：

　　1：本地調試跨域問題？

　　2：post請求，傳參不成功，導致請求失敗？

　　3：axios引用，在使用的組件裡面引用

解決方案：

　　問題一：跨域？

　　　　解決本地調試跨域問題？

　　　　反向 Proxy---- 這個需要自己在設定檔裡面去改配置，有個config下面的index.js檔案

　　　　

　　　　

　　　　是沒有修改的，至於具體怎麼修改，可以百度下，當然如果實在不會的話就調試時候，先把代碼寫好， npm run build 打包給後台在他那調試

　　問題二：post請求，傳參不成功，導致請求失敗？（get請求的話直接按文檔來就行）

　　　　為什嗎？

　　　　原因：因為axios post請求時候傳參時候和傳統的ajax有點不一樣，別不是from提交的方式，說的簡單點在

　　　　　　　　如果你請求的介面是這樣的：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  具體的可以看文檔！！！！

 

　　　　

vue2.0使用axios互動裡面的坑