Vue3專案打包後部署到伺服器 請求不到後臺介面解決方法
阿新 • • 發佈:2020-02-07
本地開發沒問題能正常請求到介面,部署後頁面也能展示出來就是介面的資料請求不到
network一看是這麼個情況
對比了本地的頁面
可以發現是remote address出了問題。
經過查詢得知:Remote Address代表的是當前HTTP請求的遠端地址,即HTTP請求的源地址。
我的猜想是proxy代理在本地環境下用的是localhost即127.0.0.1進行轉發代理的,而部署到伺服器後相當於換了個環境( ip地址和埠已經改變 ),此時proxy代理就出錯了。
解決方法:
地址錯誤了,那就換到正確的地址。
即:本地開發環境 代理時用127.0.0.1,生產環境用伺服器的ip
在Vue中要實現這個效果就需要用到全域性環境變量了
然後proxy代理和axios請求那也要改一下
至此問題解決
如果大家在學習中有任何補充,可以聯絡我們小編,感謝大家的學習。