vue axios跨域請求後台資料

最近剛開始學習web網頁開發，同事說公司開發使用在vue框架就學習一下編寫個小demo。本次採用前後端分離專案，後端是springmvc。

後端專案介面經過postman測試通過，在後端框架中測試也是通過，但是在vue專案中請求就是沒有相應。當不同伺服器、不同埠訪問資料時涉及到跨域支援跨域問題。

在未配置跨域**請求之前通過axios請求後台資料，是下面這樣的

修改vue專案中config—>index.js檔案，在『proxytable』大括號中新增配置即可，如下

module.exports =}}
}...
.以下省略
}

配置完成後再次傳送請求，如果後台沒有問題就會請求成功並順利拿到後台資料。

大部分同學到這個地方差不多就解決問題了。我在get請求成功返回資料，

但是！！！

可是！！！！

post不行一直返回403 沒有許可權，到底是後端的問題還是前段的問題呢，postman 請求通的啊，為了驗證後台沒有問題，我在我的android專案中寫了乙個測試請求，post可以順利拿到資料。 why？為什麼 android又可以呢？

什麼原因呢，不是說好在好了嗎？？？研究一翻不知所云，找到了公司唯一在前端同學，得出結論是沒有問題，那問題到底出在**呢？為了**前端是否真的沒有問題，我用php寫了乙個測試介面，伺服器跑起來，修改跨域位址，測試請求資料，完美測試通過，php介面get、post都通過了。

怎麼辦什麼原因呢，實在沒有方法我把我的測試位址給前段的同學讓他在他們專案中幫我請求一下，沒錯還是返回該死的403。此時可以99%確定是後台的問題了。

在引包配置檔案中看到如下：

corsfilter 引用包不就是spring用來支援跨域的包嗎，為什麼標紅了呢，會不會就是它的問題，由於前期後端專案是其他人搭建的，沒有太注意這裡的問題，果斷將紅色部分全部注釋，再次請求，難以掩飾內心的激動，終於通了，post請求返回了資料。

後台跨域參考：

cors filter解決ajax跨越問題解決及原始碼分析.

解決問題很簡單，找到問題才是關鍵。