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