vue+Java后端進(jìn)行調(diào)試時(shí)解決跨域問(wèn)題的方式_第1頁(yè)
vue+Java后端進(jìn)行調(diào)試時(shí)解決跨域問(wèn)題的方式_第2頁(yè)
vue+Java后端進(jìn)行調(diào)試時(shí)解決跨域問(wèn)題的方式_第3頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第vue+Java后端進(jìn)行調(diào)試時(shí)解決跨域問(wèn)題的方式今天在開發(fā)過(guò)程中遇到一個(gè)問(wèn)題，拿到了一套vue代碼，計(jì)劃對(duì)這套代碼的部分樣式進(jìn)行調(diào)整，Java后端代碼已經(jīng)寫好并且部署到了線上。這時(shí)命令行運(yùn)行vue項(xiàng)目時(shí)訪問(wèn)會(huì)受限，取不下數(shù)據(jù)來(lái)，遇到了跨域訪問(wèn)失敗的問(wèn)題，這時(shí)可以怎么做呢？

首先，要了解什么叫跨域訪問(wèn)？

跨域，指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對(duì)javascript施加的安全限制。

所謂同源是指，域名，協(xié)議，端口均相同，舉個(gè)例子：

/index.html調(diào)用/server.php（非跨域）

/index.html調(diào)用/server.php（主域名不同:123/456，跨域）

/index.html調(diào)用/server.php（子域名不同:abc/def，跨域）

:8080/index.html調(diào)用:8081/server.php（端口不同:8080/8081，跨域）

/index.html調(diào)用/server.php（協(xié)議不同:http/https，跨域）

請(qǐng)注意：localhost和雖然都指向本機(jī)，但也屬于跨域。

知道了跨域的概念之后我們?nèi)绾谓鉀Q他呢？

我這里的情況是這樣的，后端在服務(wù)器上，但是vue在本地運(yùn)行，網(wǎng)上有很多的跨域代理工具，但是都比較麻煩。因?yàn)関ue-cli腳手架工具已經(jīng)幫我們做了處理，只需要稍微配置一下，就可以輕松解決跨域問(wèn)題。

我們打開config/index.js文件，找到以下代碼：

在proxyTable:{}配置代理，配置信息如下：

proxyTable:{

'/project_dzff/':{

target:'1/',//域名

secure:false,

changeOrigin:false,

},

代理配置之后，再去修改項(xiàng)目的調(diào)用接口地址的信息，讓他調(diào)用我們配置好的東西。

serverRoot:env==='development''/project_dzff':

env==='production''/project_dzff':

''

這里由原先訪問(wèn)1/調(diào)整為訪問(wèn)project_deff，即我們自己定義的名字了。

這時(shí)我們運(yùn)行vue項(xiàng)目，如圖：

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論