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