溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue前后端口不一致如何解決

發(fā)布時間：2022-11-02 09:19:34 來源：億速云 閱讀：271 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹了vue前后端口不一致如何解決的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇vue前后端口不一致如何解決文章都會有所收獲，下面我們一起來看看吧。

vue前后端端口不一致

在config  index.js文件中

vue前后端口不一致如何解決

引入如下代碼即可

vue前后端口不一致如何解決

proxyTable: {
'/api': {
target: 'http://localhost:3000',//要訪問的后端接口
changeOrigin: true,
pathRewrite: {
'^/api': '/'
//這里的配置是正則表達(dá)式，以/api開頭的將會被用用‘/api'替換掉，假如后臺文檔的接口是 /api/list/xxx
//前端api接口寫：axios.get('/api/list/xxx') ， 被處理之后實(shí)際訪問的是：http://news.baidu.com/api/list/xxx
}
}},

vue啟動服務(wù)器端口號每次都不一樣

昨天在自己電腦上運(yùn)行朋友給的項(xiàng)目，由于他是用vue3.0，而我使用的是vue2.5.2，在運(yùn)行他的項(xiàng)目時有錯誤提示，可能版本的問題，本人就照著錯誤提示去下載插件，結(jié)果他的項(xiàng)目好使了，但是自從那次起，每次執(zhí)行我的項(xiàng)目發(fā)現(xiàn)端口號都是不一樣

解決辦法：

先下載npm install portfinder@1.0.21

重裝依賴npm install

重啟項(xiàng)目npm run dev

Vue的優(yōu)點(diǎn)

Vue具體輕量級框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗(yàn)。

關(guān)于“vue前后端口不一致如何解決”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“vue前后端口不一致如何解決”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

vue
AI
助
手