1. 程式人生 > 程式設計 >Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

本地開發沒問題能正常請求到介面,部署後頁面也能展示出來就是介面的資料請求不到

network一看是這麼個情況

Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

對比了本地的頁面

Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

可以發現是remote address出了問題。

經過查詢得知:Remote Address代表的是當前HTTP請求的遠端地址,即HTTP請求的源地址。

我的猜想是proxy代理在本地環境下用的是localhost即127.0.0.1進行轉發代理的,而部署到伺服器後相當於換了個環境( ip地址和埠已經改變 ),此時proxy代理就出錯了。

解決方法:

地址錯誤了,那就換到正確的地址。

即:本地開發環境 代理時用127.0.0.1,生產環境用伺服器的ip

在Vue中要實現這個效果就需要用到全域性環境變量了

Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

  然後proxy代理和axios請求那也要改一下Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法

至此問題解決

如果大家在學習中有任何補充,可以聯絡我們小編,感謝大家的學習。