vue發(fā)布到nginx下請求后臺404問題及解決
更新時間：2024年03月12日 08:55:23 作者：liulang1905
這篇文章主要介紹了vue發(fā)布到nginx下請求后臺404問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue發(fā)布到nginx下請求后臺404
先說下我的問題，在vue開始的時候配置了跨域代理，開始時沒有問題，但是build 發(fā)布到nginx中時訪問后臺就404了，下面給出我的處理方法
先展示下錯誤的時候
這里是我登錄的時候調(diào)用后端接口404沒有資源
查看請求地址，發(fā)現(xiàn)我在vue里配置的代理地址沒有生效，直接將我代理的那個前綴拼了上來，后又拼上了我需要請求的接口
個人分析原因
因為我這里需要跨域請求，在開發(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)系。。
但是確實是nginx代理的問題
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue中的動態(tài)路由匹配路由問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要給大家介紹了關(guān)于vue打包上傳服務(wù)器刷新404問題的兩種方案，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
這篇文章主要介紹了Vue計算屬性中reduce方法實現(xiàn)遍歷方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03
element?ui富文本編輯器的使用效果與步驟(quill-editor)
富文本編輯器在任何項目中都會用到,在Element中我們推薦vue-quill-editor組件,下面這篇文章主要給大家介紹了關(guān)于element?ui富文本編輯器的使用效果與步驟(quill-editor)的相關(guān)資料,需要的朋友可以參考下2022-10-10
Props傳參v-for后TS報錯對象類型是unknow的解決方案
這篇文章主要介紹了Props傳參v-for后TS報錯對象類型是unknow的解決方案,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-03-03
這篇文章主要介紹了vue-cli-瀏覽器實現(xiàn)熱更新,最常用的是webpack-dev-server，它是一個小型的Node.js?Express服務(wù)器，它使用webpack-dev-middleware來服務(wù)于webpack的包，本文結(jié)合實例代碼介紹的非常詳細，需要的朋友參考下吧2024-03-03
上一篇文章我們介紹了利用Vue3 創(chuàng)建Vue CLI 項目（一），接下來就來看看Vue3集成Ant Design Vue 的相關(guān)資料，需要的小伙伴可以參考一下文章的具體內(nèi)容2021-10-10
這篇文章主要介紹了vue項目中調(diào)用百度地圖API使用方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
獲取路由詳細內(nèi)容信息是我們?nèi)粘ｉ_發(fā)中經(jīng)常會遇到的需求,下面這篇文章主要給大家介紹了關(guān)于vue獲取路由詳細內(nèi)容信息的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
vue用復(fù)選框?qū)崿F(xiàn)組件且支持單選和多選操作方式
這篇文章主要介紹了vue用復(fù)選框?qū)崿F(xiàn)組件且支持單選和多選操作方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04