vue 使用axios 出現跨域請求的兩種解決方法

2021-10-19 14:41:16 字數 623 閱讀 3308

**

1:伺服器端設定跨域

header(「access-control-allow-origin:*」);

header(「access-control-allow-headers:content-type」);

header(「access-control-request-method:get,post」);

複製**

「/api」:

}複製**

注意這裡面 /api是你自定義的,寫成什麼都可以。target 設定你呼叫的介面網域名稱和埠號。這裡理解成用『^/api』代替target裡面的位址,後面元件中我們調介面時直接用api代替 。比如我要呼叫』直接寫『/api/dictionarytype』即可。

然後我們可以在main.js設定乙個基礎路徑,這樣你呼叫介面的時候可以不寫api,直接寫/介面名稱即可。在main.js 設定 axios.defaults.baseurl = 」/api」;

然後掉介面的時候可以直接寫let _url4 = 」/dictionarytypes」;這樣就比較省事。

複製**

this.$axios.get(_url4)

.then(response=>)

.catch(error=>)

Vue使用axios跨域請求

首先說axios跨域的問題,使用vue必然要請求api介面獲得資料,那麼跨域的問題也隨之而來,你總會碰到的。下面針對解決使用axios請求 服務端,返回 access control allow 和 405 method not allowed http訪問控制 cors 強烈建議仔細閱讀 下面根據...

vue 使用 axios 跨域處理

最近在做乙個 網 freemusic 因為這個專案採用的是vue框架 axios進行http請求,所以結合vue axios進行跨域處理,先說說在伺服器端設定跨域處理 header access control allow origin header access control allow hea...

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

vue使用axios請求出現問題,如圖 原因就是跨域請求 協議,位址,埠有乙個不一樣 解決辦法 jsonp 不考慮,因為我需要post請求 伺服器設定允許跨域請求 本文使用 使用 伺服器 難道 伺服器可以不用設定跨域請求?也是要設定的 這樣以來,問題就是如何設定允許跨域請求 我使用springboo...