Vue3項目打包后部署到服務器,請求不到后台接口的坑


 

本地開發沒問題能正常請求到接口,部署后頁面也能展示出來就是接口的數據請求不到

network一看是這么個情況

 

 對比了本地的頁面可以發現是remote address出了問題。

 

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

 

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

 

解決方法:

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

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

  

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

 

   然后proxy代理和axios請求那也要改一下

 

 

 

 

至此問題解決


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM