vue2 0解決跨域問題,vue3 0解決跨域問題

2022-09-10 13:06:22 字數 683 閱讀 9025

首先我簡單的談談自己對跨域的乙個理解:

簡單的來說就是當前的**和你需要請求資料的**不一樣,具體怎麼不一樣,可以概括為幾點:首先是乙個http和https不一樣,這是協議不一樣,屬於跨域,然後訪問的埠號不一樣,也是屬於跨域,還有就是例如:和/index.html這兩個就不是屬於跨域,因為他們有相同的埠、請求協議、網域名稱。

vue2.0的解決辦法:

需要修改的檔案為 webpack.base.conf.js

檔案目錄如下圖:

}}注意檔案位置就行port可以不用改

vue3.0的解決辦法

在src資料夾下面新建vue.config.js

內容為:

module.exports =}}

}

^/api指的是訪問路徑為指定的**後面接著的部分只要是/api都可以訪問,傳送請求

這裡需要注意的是target後面的就是需要請求的**。

vue3配置跨域

在根目錄下建立vue.config.js module.exports 那怎麼請求呢?axios.get hello then res 請求的介面不要接上伺服器網域名稱,這樣就會自動請求vue腳手架伺服器 node伺服器 所以node伺服器就是作為 伺服器,從而處理了跨域問題以下localhost ...

vue解決跨域問題

開發模式 要知道,跨域這個行為是瀏覽器禁止的,但是服務端並不禁止。使用proxytable的原理就是將網域名稱傳送給本地的伺服器,再由本地的伺服器去請求真正的伺服器。開啟config index.js,修改dev裡的proxytable proxytable 當你在別的頁面請求時只要是 你只需要 x...

Vue 解決跨域問題

報錯 解決 專案根目錄下新建vue.config.js module.exports 個人理解 訪問 register的時候,相當於是訪問本地的http localhost 8080 register 然後這個proxy,充當於乙個請求 的作用 它攔截了http localhost 8080 reg...