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