Vue3項目打包后部署到服務器請求不到后臺接口解決方法

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

為白云等地區(qū)用戶提供了全套網頁設計制作服務,及白云網站建設行業(yè)解決方案。主營業(yè)務為網站建設、做網站、白云網站設計,以傳統(tǒng)方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!

network一看是這么個情況

Vue3項目打包后部署到服務器 請求不到后臺接口解決方法

對比了本地的頁面

Vue3項目打包后部署到服務器 請求不到后臺接口解決方法

可以發(fā)現(xiàn)是remote address出了問題。

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

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

解決方法:

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

即:本地開發(fā)環(huán)境 代理時用127.0.0.1,生產環(huán)境用服務器的ip

在Vue中要實現(xiàn)這個效果就需要用到全局環(huán)境變量了

Vue3項目打包后部署到服務器 請求不到后臺接口解決方法

   然后proxy代理和axios請求那也要改一下Vue3項目打包后部署到服務器 請求不到后臺接口解決方法

 Vue3項目打包后部署到服務器 請求不到后臺接口解決方法

至此問題解決

如果大家在學習中有任何補充,可以聯(lián)系創(chuàng)新互聯(lián)小編,感謝大家的學習。

當前題目:Vue3項目打包后部署到服務器請求不到后臺接口解決方法
文章網址:http://muchs.cn/article46/pidheg.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站設計、域名注冊、定制開發(fā)移動網站建設、、做網站

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

外貿網站建設