vue使用axios請求出現問題,如圖:
原因就是跨域請求(協議,位址,埠有乙個不一樣)
解決辦法:
jsonp(不考慮,因為我需要post請求)
伺服器設定允許跨域請求(本文使用)
使用**伺服器(難道**伺服器可以不用設定跨域請求?也是要設定的)
這樣以來,問題就是如何設定允許跨域請求 。
我使用springboot + spring-security + jwt,設定允許跨域請求的步驟:
1、securityconfig中設定 http.cors();
2、webmvcconfig新增
@override
.allowedorigins("*")
.allowedmethods("get", "head",
Vue使用axios跨域請求
首先說axios跨域的問題,使用vue必然要請求api介面獲得資料,那麼跨域的問題也隨之而來,你總會碰到的。下面針對解決使用axios請求 服務端,返回 access control allow 和 405 method not allowed http訪問控制 cors 強烈建議仔細閱讀 下面根據...
vue 使用axios 出現跨域請求的兩種解決方法
1 伺服器端設定跨域 header access control allow origin header access control allow headers content type header access control request method get,post 複製 api 複製...
axios 跨域請求 及 axios使用方式
使用axios 1 npm install axios 2 bower install axios 3 執行get請求 為給定 id 的 user 建立請求 axios.get user?id 12345 then function response catch function error 可選地...