Vue3項(xiàng)目打包后部署到服務(wù)器 請(qǐng)求不到后臺(tái)接口解決方法
本地開(kāi)發(fā)沒(méi)問(wèn)題能正常請(qǐng)求到接口，部署后頁(yè)面也能展示出來(lái)就是接口的數(shù)據(jù)請(qǐng)求不到
network一看是這么個(gè)情況
對(duì)比了本地的頁(yè)面
可以發(fā)現(xiàn)是remote address出了問(wèn)題。
經(jīng)過(guò)查詢得知：Remote Address代表的是當(dāng)前HTTP請(qǐng)求的遠(yuǎn)程地址，即HTTP請(qǐng)求的源地址。
我的猜想是proxy代理在本地環(huán)境下用的是localhost即127.0.0.1進(jìn)行轉(zhuǎn)發(fā)代理的，而部署到服務(wù)器后相當(dāng)于換了個(gè)環(huán)境（ ip地址和端口已經(jīng)改變 ），此時(shí)proxy代理就出錯(cuò)了。
解決方法：
地址錯(cuò)誤了，那就換到正確的地址。
即：本地開(kāi)發(fā)環(huán)境 代理時(shí)用127.0.0.1，生產(chǎn)環(huán)境用服務(wù)器的ip
在Vue中要實(shí)現(xiàn)這個(gè)效果就需要用到全局環(huán)境變量了
然后proxy代理和axios請(qǐng)求那也要改一下
至此問(wèn)題解決
如果大家在學(xué)習(xí)中有任何補(bǔ)充，可以聯(lián)系腳本之家小編，感謝大家的學(xué)習(xí)。
相關(guān)文章
toRef 和 toRefs都是Vue3 中的響應(yīng)式轉(zhuǎn)換工具函數(shù),換句話說(shuō),toRef 和 toRefs 就是用來(lái)創(chuàng)建響應(yīng)式的引用的,主要用來(lái)取出響應(yīng)式對(duì)象里的屬性,或者解構(gòu)響應(yīng)式對(duì)象,本文小編就來(lái)帶大家搞清楚Vue3中toRef和toRefs的區(qū)別,需要的朋友可以參考下2023-09-09
vue拖拽組件vuedraggable使用說(shuō)明詳解
這篇文章主要為大家詳細(xì)介紹了vue拖拽組件vuedraggable的使用說(shuō)明，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
淺談Vue使用Elementui修改默認(rèn)的最快方法
這篇文章主要介紹了淺談Vue使用Elementui修改默認(rèn)的最快方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-12-12
Vue引入jquery實(shí)現(xiàn)平滑滾動(dòng)到指定位置
這篇文章主要介紹了Vue引入jquery實(shí)現(xiàn)平滑滾動(dòng)到指定位置的效果，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-05-05
vue使用SVG實(shí)現(xiàn)圓形進(jìn)度條音樂(lè)播放
這篇文章主要為大家詳細(xì)介紹了vue使用SVG實(shí)現(xiàn)圓形進(jìn)度條音樂(lè)播放，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
本文給大家?guī)?lái)兩種方法實(shí)現(xiàn)vue2.0 自定義日期時(shí)間過(guò)濾器，需要的的朋友參考下吧2017-06-06
解決iview table組件里的 固定列 表格不自適應(yīng)的問(wèn)題
這篇文章主要介紹了解決iview table組件里的 固定列 表格不自適應(yīng)的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
這篇文章主要為大家詳細(xì)介紹了vue的生命周期，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
這篇文章主要介紹了Vue.js組件，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
vue提倡的是在方法中只有對(duì)數(shù)據(jù)的處理，所以提供了事件修飾符用于DOM的事件處理，下面這篇文章主要給大家介紹了關(guān)于Vue自定義組件使用事件修飾符的相關(guān)資料,需要的朋友可以參考下2021-05-05