vue之?dāng)?shù)據(jù)代理詳解
解決跨域的方式有多種，例如jsonp、cors但這兩種都需要后臺(tái)人員的幫助，
一、下面我講的是前端人員在vue-cli中就可以完成的一種解決方式——數(shù)據(jù)代理
(1)首先需要在vue-cli官方文檔的配置項(xiàng)下載一個(gè)插件
(2)將上圖紅圈中的部分粘貼到vue腳手架的babel.config.js中
(3)上圖中紅圈部分http://localhost:5000為本地服務(wù)器地址，但我項(xiàng)目起的服務(wù)為http://localhost:8082/
此時(shí)我在項(xiàng)目中向后臺(tái)發(fā)送請(qǐng)求
就能夠獲取數(shù)據(jù)了
注意要是你項(xiàng)目中punlic文件夾有和本地服務(wù)器相同名稱的文件，那將會(huì)優(yōu)先在項(xiàng)目中public文件夾讀取
二、上面的數(shù)據(jù)代理還是有以下缺陷的
（1）本地public中有和服務(wù)器文件名相同的，會(huì)優(yōu)先返回本地的
（2）只能創(chuàng)建單個(gè)代理
1、為了解決以上問題，可以采用另外一種創(chuàng)建代理的方式
上圖/api和/apii為兩個(gè)不同的數(shù)據(jù)代理
2、同時(shí)前端發(fā)送請(qǐng)求的接口路徑也要進(jìn)行更改，由http://localhost:8082/students改為以下，這樣寫就不會(huì)請(qǐng)求本地public中的文件了
總結(jié)
本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
詳解Electron中如何使用SQLite存儲(chǔ)筆記
這篇文章主要為大家介紹了Electron中如何使用SQLite存儲(chǔ)筆記示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章主要介紹了vue this.$toast()用法 ，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了Vue之Mixins(混入)的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
本文總結(jié)了在Vue2項(xiàng)目中使用element-ui的el-table組件在彈窗中展示數(shù)據(jù),并實(shí)現(xiàn)基礎(chǔ)的勾選功能,內(nèi)容包括如何設(shè)置row-key、使用reserve-selection屬性、修改數(shù)據(jù)獲取函數(shù)以支持跨頁(yè)勾選以及如何在關(guān)閉彈窗時(shí)清理selection,感興趣的朋友跟隨小編一起看看吧2024-12-12
這篇文章主要介紹了Vue組件上使用v-model之單選框,代碼分為子組件內(nèi)容和父組件內(nèi)容，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
vue3?實(shí)現(xiàn)右鍵菜單編輯復(fù)制粘貼功能
在瀏覽器中,Vue3編輯器自帶默認(rèn)右鍵菜單,然而,在Electron桌面應(yīng)用中,這一功能需自行編寫代碼實(shí)現(xiàn),本文詳細(xì)介紹了如何在Vue3中手動(dòng)實(shí)現(xiàn)右鍵菜單的編輯、復(fù)制、粘貼功能,并提供了代碼示例,更多細(xì)節(jié)和相關(guān)教程可參考腳本之家的其他文章2024-10-10
vue中this.$router.go(-1)失效(路由改變了，界面未刷新)
本文主要介紹了vue中this.$router.go(-1)失效(路由改變了,界面未刷新),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
vue.js 實(shí)現(xiàn)a標(biāo)簽href里添加參數(shù)
今天小編就為大家分享一篇vue.js 實(shí)現(xiàn)a標(biāo)簽href里添加參數(shù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-11-11
vue 解決provide和inject響應(yīng)的問題
這篇文章主要介紹了vue 解決provide和inject響應(yīng)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-11-11
本文主要介紹了vite構(gòu)建項(xiàng)目并支持微前端，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01