Vue使用axios請求出現跨域問題的解決辦法

2021-10-04 02:55:08 字數 506 閱讀 5131

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 可選地...