解決vue前后端端口不一致的問題
更新時(shí)間：2021年07月08日 10:26:43 作者：小北在遠(yuǎn)方
這篇文章主要介紹了解決vue前后端端口不一致的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue前后端端口不一致
在config index.js文件中
引入如下代碼即可
proxyTable: {
'/api': {
target: 'http://localhost:3000',//要訪問的后端接口
changeOrigin: true,
pathRewrite: {
'^/api': '/'
//這里的配置是正則表達(dá)式，以/api開頭的將會(huì)被用用‘/api'替換掉，假如后臺(tái)文檔的接口是 /api/list/xxx
//前端api接口寫：axios.get('/api/list/xxx') ， 被處理之后實(shí)際訪問的是：http://news.baidu.com/api/list/xxx
}
}},
vue啟動(dòng)服務(wù)器端口號(hào)每次都不一樣
昨天在自己電腦上運(yùn)行朋友給的項(xiàng)目，由于他是用vue3.0，而我使用的是vue2.5.2，在運(yùn)行他的項(xiàng)目時(shí)有錯(cuò)誤提示，可能版本的問題，本人就照著錯(cuò)誤提示去下載插件，結(jié)果他的項(xiàng)目好使了，但是自從那次起，每次執(zhí)行我的項(xiàng)目發(fā)現(xiàn)端口號(hào)都是不一樣
解決辦法：
先下載npm install portfinder@1.0.21
重裝依賴npm install
重啟項(xiàng)目npm run dev
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
vue組件中使用props傳遞數(shù)據(jù)的實(shí)例詳解
這篇文章主要介紹了vue組件中使用props傳遞數(shù)據(jù)的實(shí)例詳解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-04-04
vue項(xiàng)目中vue-i18n和element-ui國(guó)際化開發(fā)實(shí)現(xiàn)過程
這篇文章主要介紹了vue項(xiàng)目中vue-i18n和element-ui國(guó)際化開發(fā)實(shí)現(xiàn)過程，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04
本文將探討 Vue 事件處理中常見的上下文問題及其解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-03-03
vue3中安裝并使用CSS預(yù)處理器Sass的方法詳解
Sass是一種CSS預(yù)處理器,它擴(kuò)展了CSS的功能,提供了更高級(jí)的語法和特性,例如變量、嵌套、混合、繼承和顏色功能等,這些特性可以幫助開發(fā)者更高效地管理和維護(hù)樣式表,本文介紹vue3中安裝并使用CSS預(yù)處理器Sass的方法,感興趣的朋友一起看看吧2024-01-01
element的el-table中記錄滾動(dòng)條位置的示例代碼
這篇文章主要介紹了element的el-table中記錄滾動(dòng)條位置的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了Vue之文件加載執(zhí)行全流程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue后臺(tái)管理系統(tǒng)之實(shí)現(xiàn)分頁功能示例
本文主要介紹了Vue后臺(tái)管理系統(tǒng)之實(shí)現(xiàn)分頁功能，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
這篇文章主要介紹了vue配置font-awesome5的方法步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
vue解決使用$http獲取數(shù)據(jù)時(shí)報(bào)錯(cuò)的問題
今天小編就為大家分享一篇vue解決使用$http獲取數(shù)據(jù)時(shí)報(bào)錯(cuò)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10
解決vue keep-alive 數(shù)據(jù)更新的問題
今天小編就為大家分享一篇解決vue keep-alive 數(shù)據(jù)更新的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09