專案在上線之後,前後端的**放在同乙個伺服器下面,就不存在跨域的問題。然而在前後端分離的開發中,跨域在所難免。在以前,存在跨域的時候一般都叫後台小夥伴設定,但是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 ...