vue中跨域解決辦法

2021-08-23 14:03:03 字數 518 閱讀 2846

專案在上線之後,前後端的**放在同乙個伺服器下面,就不存在跨域的問題。然而在前後端分離的開發中,跨域在所難免。在以前,存在跨域的時候一般都叫後台小夥伴設定,但是vue中提供了一種方法,在前端也可以設定解決跨域的問題。下面給大家介紹一下:

比如我們服務端的位址為http://localhost:3000;而我們開發的位址為http://localhost:8080;由於埠不一致導致了跨域。解決辦法:

一、修改config資料夾中index.js檔案dev:

proxytable: 

}}

二、在main.js中新增host

vue.prototype.host = '/api'
然後我們就可以在給後台傳送請求時寫成:

created())

.then(res => )

.catch(error => )

}

我們修改了配置檔案,別忘了重啟服務哦~~

跨域解決辦法

解決跨域 本文通過設定access control allow origin來實現跨域。例如 客戶端的網域名稱是client.runoob.com,而請求的網域名稱是server.runoob.com。如果直接使用ajax訪問,會有以下錯誤 no access control allow origi...

跨域解決辦法

什麼是跨域 協議 主網域名稱 子網域名稱 埠有乙個不相同即跨域。如 在www.test.com 請求 www.abc.com下的介面 主網域名稱不同 在www.test.com 請求 m.test.com下的介面 主網域名稱不同 在www.test.com 請求 www.test.com 81下的介...

Vue專案跨域的解決辦法

一般我們的前端vue專案中都會涉及到跨域的問題,在專案中訪問web網域名稱獲取資料時無法正常獲取,瀏覽器控制台會類似出現 專案使用的是axios請求網路,將baseurl修改為 api 這裡是使用webpack提供的 功能將 api 成目標介面host axios.defaults.baseurl ...