Vue3項(xiàng)目打包后部署到服務(wù)器 請(qǐng)求不到后臺(tái)接口解決方法
本地開(kāi)發(fā)沒(méi)問(wèn)題能正常請(qǐng)求到接口，部署后頁(yè)面也能展示出來(lái)就是接口的數(shù)據(jù)請(qǐng)求不到
network一看是這么個(gè)情況
對(duì)比了本地的頁(yè)面
可以發(fā)現(xiàn)是remote address出了問(wèn)題。
經(jīng)過(guò)查詢(xún)得知：Remote Address代表的是當(dāng)前HTTP請(qǐng)求的遠(yuǎn)程地址，即HTTP請(qǐng)求的源地址。
我的猜想是proxy代理在本地環(huán)境下用的是localhost即127.0.0.1進(jìn)行轉(zhuǎn)發(fā)代理的，而部署到服務(wù)器后相當(dāng)于換了個(gè)環(huán)境（ ip地址和端口已經(jīng)改變 ），此時(shí)proxy代理就出錯(cuò)了。
解決方法：
地址錯(cuò)誤了，那就換到正確的地址。
即：本地開(kāi)發(fā)環(huán)境 代理時(shí)用127.0.0.1，生產(chǎn)環(huán)境用服務(wù)器的ip
在Vue中要實(shí)現(xiàn)這個(gè)效果就需要用到全局環(huán)境變量了
然后proxy代理和axios請(qǐng)求那也要改一下
至此問(wèn)題解決
如果大家在學(xué)習(xí)中有任何補(bǔ)充，可以聯(lián)系腳本之家小編，感謝大家的學(xué)習(xí)。
相關(guān)文章
這篇文章主要為大家介紹了Vue之表單事件的數(shù)據(jù)綁定，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助,希望能夠給你帶來(lái)幫助2021-11-11
這篇文章主要給大家介紹了關(guān)于Vue實(shí)例掛載的過(guò)程,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
vue3采用xlsx庫(kù)實(shí)現(xiàn)本地上傳excel文件功能
這篇文章主要為大家詳細(xì)介紹了vue3如何采用xlsx庫(kù)實(shí)現(xiàn)本地上傳excel文件功能,并且前端解析為Json數(shù)據(jù),感興趣的小伙伴可以了解一下2025-02-02
這篇文章主要介紹了vue+vant 上傳圖片需要注意的地方，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2021-01-01
掌握Qwik.js，輕松應(yīng)對(duì)前端SSR渲染問(wèn)題
掌握Qwik.js,輕松應(yīng)對(duì)前端SSR渲染問(wèn)題！本指南將為你揭示如何使用這款強(qiáng)大的框架,讓你在前端開(kāi)發(fā)中游刃有余2023-12-12
vue.js父子組件通信動(dòng)態(tài)綁定的實(shí)例
今天小編就為大家分享一篇vue.js父子組件通信動(dòng)態(tài)綁定的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
在vue中實(shí)現(xiàn)PDF文件流預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹如何在vue中實(shí)現(xiàn)PDF文件流預(yù)覽功能,文中的實(shí)現(xiàn)步驟講解詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考價(jià)值,需要的可以參考一下2023-12-12
今天小編就為大家分享一篇vue給組件傳遞不同的值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了vue剔除數(shù)組指定位置元素的幾種方法,文中主要介紹了單個(gè)去除和批量去除這兩種方法,并通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2024-03-03
使用electron將vue-cli項(xiàng)目打包成exe的方法
今天小編就為大家分享一篇使用electron將vue-cli項(xiàng)目打包成exe的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09