vue的跨域問題

2021-10-01 21:51:14 字數 495 閱讀 5965

配置 proxy

首先說一下 proxy 的原理就像其單詞是一樣的,因為跨域請求攔截是瀏覽器的行為,而並非伺服器的行為,因此,可以嘗試通過另一種方式傳送請求,比如讓 乙個可請求的中間服務代為傳送請求。

為什麼說是瀏覽器的攔截行為,可以f12 檢視用axios傳送get請求是響應200,所以是有傳送出去請求的,(可以在這截圖)但瀏覽器報錯,也沒返回伺服器的資料。

在vue -cli 4 中,需要自己在根目錄建立 vue.config.js 檔案來配置。

1.建立 vue.config.js

在 package.json 檔案同級目錄下,建立 vue.config.js 配置檔案(如果已經有了當然就不用建立了)。

2.修改 vue.config.js

主要就是 proxy 裡面的東西,其實都可以直接複製,修改一下 target 為實際要請求的位址即可

module.exports =}}

}};

vue 跨域問題

1 同源策略是瀏覽器的乙個安全功能,在沒有明確的授權情況下不能讀取不同源下的資源 2 只有在協議,埠,網域名稱相同的情況下,才不會出現跨域的現象在config.js檔案下配置乙個 一般是修改proxytable這個配置項的內容 這種跨域一般在開發環境下使用 proxytable target為後端請...

vue跨域問題

跨域問題 devserver proxy 後端允許跨域 設定返回頭 php 示例 header access control allow origin header access control allow headers origin,x requested with,content type,a...

vue的跨域問題

本文只針對使用vue cli構建的專案 使用 vue cli 建立的專案,開發位址是 localhost 8080,需要訪問 localhost 8888 上的介面 不同網域名稱之間的訪問,需要跨域才能正確請求。跨域的方法很多,通常都需要後台配置。不過 vue cli 建立的專案,可以直接利用 no...