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