vue打包后,用后端接口報(bào)錯(cuò)304、404問題
vue打包用后端接口報(bào)錯(cuò)304、404
問題描述
后端打包部署成功以后，更換了地址信息，前端修改vue.config,js中代理跨域的配置，但是前端打包后出現(xiàn)接口報(bào)錯(cuò)304、404
解決辦法
在axios請求中修改配置對象baseURL：
baseURL: process.env.NODE_ENV === "development" ? "" : "http://112.74.72.92:8085"
位置如下圖：
vue項(xiàng)目打包上線后接口地址報(bào)錯(cuò)問題
代理設(shè)置的作用是你要訪問后端的請求直接發(fā)到當(dāng)前站點(diǎn)，因此你的 api 路徑都應(yīng)該是不含 hostname 的相對路徑
部署到生產(chǎn)環(huán)境時(shí)，只要相對路徑保持不變，就不需要任何設(shè)置。
如果開發(fā)環(huán)境下的 api 路徑和生產(chǎn)環(huán)境的路徑不一致，那么一定可以通過設(shè)置 proxyTable 使之一致。
因此，結(jié)論是，只要 proxyTable 設(shè)置得好，部署上線不需要做任何改動(dòng)。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
elementUI Vue 單個(gè)按鈕顯示和隱藏的變換功能(兩種方法)
小編最近遇到這樣的需求，當(dāng)點(diǎn)擊一個(gè)按鈕可以變換里面字的內(nèi)容，剛開始還真是一頭霧水，不知所措。仔細(xì)想想屢屢思緒，很容易的解決了。接下來通過本文給大家介紹elementUI Vue 單個(gè)按鈕顯示和隱藏的變換功能,需要的朋友可以參考下2018-09-09
基于element-ui中el-select下拉框選項(xiàng)過多的優(yōu)化方案
這篇文章主要介紹了基于element-ui中el-select下拉框選項(xiàng)過多的優(yōu)化方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vue實(shí)現(xiàn)的雙向數(shù)據(jù)綁定操作示例
這篇文章主要介紹了vue實(shí)現(xiàn)的雙向數(shù)據(jù)綁定操作,結(jié)合完整實(shí)例形式較為詳細(xì)的分析了vue.js進(jìn)行數(shù)據(jù)雙向綁定操作的常見實(shí)現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
Vue3響應(yīng)式原理分析(Proxy(obj,{get(){},set(){}}))
文章詳細(xì)分析了Vue3的響應(yīng)式原理,包括Proxy對象的get和set方法,以及雙向數(shù)據(jù)綁定,通過代碼示例展示了Vue3和Vue2在set方法上的區(qū)別,說明了Vue3能夠正確修改值而Vue2不能2025-10-10
Vue項(xiàng)目開發(fā)實(shí)現(xiàn)父組件與子組件數(shù)據(jù)間的雙向綁定原理及適用場景
在 Vue.js 中,實(shí)現(xiàn)父組件與子組件數(shù)據(jù)之間的雙向綁定,可以通過以下幾種方式,下面我將介紹幾種常見的方法,并解釋它們的實(shí)現(xiàn)原理和適用場景,感興趣的朋友跟隨小編一起看看吧2024-12-12
Vue中foreach數(shù)組與js中遍歷數(shù)組的寫法說明
這篇文章主要介紹了Vue中foreach數(shù)組與js中遍歷數(shù)組的寫法說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-06-06
近期做的項(xiàng)目比較雜,涉及到前端框架的工作,遇到了許多問題,記錄一下這個(gè)比較棘手的問題,下面這篇文章主要給大家介紹了關(guān)于vue3中cookie的詳細(xì)使用方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
使用vue-antDesign menu頁面方式(添加面包屑跳轉(zhuǎn))
這篇文章主要介紹了使用vue-antDesign menu頁面方式(添加面包屑跳轉(zhuǎn)),具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
vue源碼解讀子節(jié)點(diǎn)優(yōu)化更新
這篇文章主要為大家介紹了vue源碼解讀子節(jié)點(diǎn)優(yōu)化更新示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了Vue3.0中如何監(jiān)聽props方法，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04