vue發(fā)布到nginx下請(qǐng)求后臺(tái)404問(wèn)題及解決
vue發(fā)布到nginx下請(qǐng)求后臺(tái)404
先說(shuō)下我的問(wèn)題，在vue開(kāi)始的時(shí)候配置了跨域代理，開(kāi)始時(shí)沒(méi)有問(wèn)題，但是build 發(fā)布到nginx中時(shí)訪問(wèn)后臺(tái)就404了，下面給出我的處理方法
先展示下錯(cuò)誤的時(shí)候
這里是我登錄的時(shí)候調(diào)用后端接口404沒(méi)有資源
查看請(qǐng)求地址，發(fā)現(xiàn)我在vue里配置的代理地址沒(méi)有生效，直接將我代理的那個(gè)前綴拼了上來(lái)，后又拼上了我需要請(qǐng)求的接口
個(gè)人分析原因
因?yàn)槲疫@里需要跨域請(qǐng)求，在開(kāi)發(fā)時(shí)配置了代理，但是在開(kāi)始是使用的是 npm run 可能用的是node.js發(fā)布的就直接生效了 ，現(xiàn)在是用的nginx發(fā)布而本事配置的代理在這就失效了。
所以問(wèn)題很簡(jiǎn)單就是嘗試以下配置nginx代理是否可以解決問(wèn)題，百度了以下nginx配置代理如下
這里我們?cè)趎ginx中的conf文件夾下的nginx.conf中添加配置，
之后我們重啟nginx 如果關(guān)閉不徹底，可以使用這個(gè)語(yǔ)句，在cmd直接執(zhí)行
taskkill /f /t /im nginx.exe
啟動(dòng)之后正常了
最后改完發(fā)現(xiàn)這個(gè)請(qǐng)求地址和我之前分析的那個(gè)給我拼接的代理前綴好像沒(méi)得毛關(guān)系。。
但是確實(shí)是nginx代理的問(wèn)題
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章給大家介紹了基于vue封裝一個(gè)帶眼睛的密碼子組件的方法,文章中有詳細(xì)的代碼講解,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-09-09
vue3使用el-slider滑塊遇到的問(wèn)題及解決
這篇文章主要介紹了vue3使用el-slider滑塊遇到的問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2026-03-03
vue3中使用v-model實(shí)現(xiàn)父子組件數(shù)據(jù)同步的三種方案
這篇文章主要介紹了vue3中使用v-model實(shí)現(xiàn)父子組件數(shù)據(jù)同步的三種方案,如果只有一個(gè)匿名v-model的傳遞的話,可以使用vue3.3新添加的編譯宏,defineModel來(lái)使用,每種方案結(jié)合示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
el-form的model、prop屬性和表單校驗(yàn)等使用
本文主要介紹了el-form的model、prop屬性和表單校驗(yàn)等使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
Vue項(xiàng)目部署到j(luò)enkins的實(shí)現(xiàn)
本文主要介紹了Vue項(xiàng)目部署到j(luò)enkins的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
vue中ref和e.target的區(qū)別以及ref用法
這篇文章主要介紹了vue中ref和e.target的區(qū)別以及ref用法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
淺談mint-ui loadmore組件注意的問(wèn)題
下面小編就為大家?guī)?lái)一篇淺談mint-ui loadmore組件注意的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
Vue開(kāi)發(fā)手冊(cè)Function-based?API?RFC
這篇文章主要為大家介紹了Vue開(kāi)發(fā)手冊(cè)Function-based?API?RFC使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
基于axios 的responseType類型的設(shè)置方法
今天小編就為大家分享一篇基于axios 的responseType類型的設(shè)置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
本文詳細(xì)講解了Vuex和其使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03