vue打包后,用后端接口報錯304、404問題
更新時間：2023年05月19日 08:36:40 作者：鹿鹿迷路了iii
這篇文章主要介紹了vue打包后,用后端接口報錯304、404問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue打包用后端接口報錯304、404
問題描述
后端打包部署成功以后，更換了地址信息，前端修改vue.config,js中代理跨域的配置，但是前端打包后出現(xiàn)接口報錯304、404
解決辦法
在axios請求中修改配置對象baseURL：
baseURL: process.env.NODE_ENV === "development" ? "" : "http://112.74.72.92:8085"
位置如下圖：
vue項目打包上線后接口地址報錯問題
代理設(shè)置的作用是你要訪問后端的請求直接發(fā)到當(dāng)前站點，因此你的 api 路徑都應(yīng)該是不含 hostname 的相對路徑
部署到生產(chǎn)環(huán)境時，只要相對路徑保持不變，就不需要任何設(shè)置。
如果開發(fā)環(huán)境下的 api 路徑和生產(chǎn)環(huán)境的路徑不一致，那么一定可以通過設(shè)置 proxyTable 使之一致。
因此，結(jié)論是，只要 proxyTable 設(shè)置得好，部署上線不需要做任何改動。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue?如何引入本地某個文件?require，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
本文章向大家介紹vue組件中的數(shù)據(jù)共享，主要包括vue組件中的數(shù)據(jù)共享使用實例、應(yīng)用技巧、基本知識點總結(jié)和需要注意事項，具有一定的參考價值，需要的朋友可以參考一下2022-12-12
跨域問題的出現(xiàn)是因為瀏覽器的同源策略問題，如果沒有同源策略我們的瀏覽器將會十分的不安全，隨時都可能受到攻擊，今天小編通過本文給大家介紹下vue 處理跨域問題，感興趣的朋友一起看看吧2021-09-09
詳解基于iview-ui的導(dǎo)航欄路徑（面包屑）配置
這篇文章主要介紹了詳解基于iview-ui的導(dǎo)航欄路徑（面包屑）配置,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
前端開發(fā)中,用戶體驗是至關(guān)重要的,圖像上傳是許多 web 應(yīng)用中經(jīng)常需要的功能之一,為了提升用戶的交互體驗,拖拽上傳功能可以減少用戶的操作步驟,本文將介紹如何使用 Vue 3實現(xiàn)一個簡單的圖片拖拽上傳功能,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了基于Vue實現(xiàn)拖拽效果,文中給大家介紹了clientY pageY screenY layerY offsetY的區(qū)別講解，需要的朋友可以參考下2018-04-04
vue環(huán)形進(jìn)度條組件實例應(yīng)用
在本文中我們給大家分享了關(guān)于vue環(huán)形進(jìn)度條組件的使用方法以及實例代碼，需要的朋友們跟著測試下吧。2018-10-10
這篇文章主要介紹了基于 Vue 的 Electron 項目搭建過程，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
本文將詳細(xì)介紹前端性能優(yōu)化的7大手段，包括減少請求數(shù)量、減小資源大小、優(yōu)化網(wǎng)絡(luò)連接、優(yōu)化資源加載、減少重繪回流、使用性能更好的API和構(gòu)建優(yōu)化2020-02-02
在業(yè)務(wù)中列表拖拽排序是比較常見的需求,下面這篇文章主要給大家介紹了關(guān)于vue中實現(xiàn)拖拽排序功能的詳細(xì)教程,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08