解決vue前后端端口不一致的問題
更新時(shí)間：2021年07月08日 10:26:43 作者：小北在遠(yuǎn)方
這篇文章主要介紹了解決vue前后端端口不一致的問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
vue前后端端口不一致
在config index.js文件中
引入如下代碼即可
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)目時(shí)有錯(cuò)誤提示，可能版本的問題，本人就照著錯(cuò)誤提示去下載插件，結(jié)果他的項(xiàng)目好使了，但是自從那次起，每次執(zhí)行我的項(xiàng)目發(fā)現(xiàn)端口號都是不一樣
解決辦法：
先下載npm install portfinder@1.0.21
重裝依賴npm install
重啟項(xiàng)目npm run dev
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了vue-router路由懶加載及實(shí)現(xiàn)方式,路由懶加載的主要作用是將?路由對應(yīng)的組件打包成一個(gè)個(gè)的js代碼塊，只有在這個(gè)路由被訪問到的時(shí)候，才會加載對應(yīng)組件的代碼塊，需要的朋友可以參考下2022-12-12
vue使用eventBus遇到數(shù)據(jù)不更新的問題及解決
這篇文章主要介紹了vue使用eventBus遇到數(shù)據(jù)不更新的問題及解決,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了vue中nextTick的相關(guān)資料，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
vue實(shí)現(xiàn)移動端可拖拽式icon圖標(biāo)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動端可拖拽式icon圖標(biāo)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
VUE UPLOAD 通過ACTION返回上傳結(jié)果操作
這篇文章主要介紹了VUE UPLOAD 通過ACTION返回上傳結(jié)果操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Element-UI結(jié)合遞歸組件實(shí)現(xiàn)后臺管理系統(tǒng)左側(cè)菜單
在Vue.js中使用遞歸組件可以方便地構(gòu)建多層級的菜單結(jié)構(gòu),遞歸組件適用于處理具有嵌套關(guān)系的數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-09-09
100行代碼實(shí)現(xiàn)一個(gè)vue分頁組功能
今天用vue來實(shí)現(xiàn)一個(gè)分頁組件，總體來說，vue實(shí)現(xiàn)比較簡單，樣式部分模仿了elementUI。接下來本文通過實(shí)例代碼給大家介紹100行代碼實(shí)現(xiàn)一個(gè)vue分頁組功能，感興趣的朋友跟隨小編一起看看吧2018-11-11
Vue.js中動態(tài)更改svg的相關(guān)屬性詳解
這篇文章主要為大家介紹了Vue.js中動態(tài)更改svg的相關(guān)屬性詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
vue可視化大屏實(shí)現(xiàn)無線滾動列表飛入效果
本文主要介紹了vue可視化大屏實(shí)現(xiàn)無線滾動列表飛入效果，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
在 Vue 3 中,.sync 修飾符已經(jīng)被移除,在 Vue 2 中,.sync 修飾符是一個(gè)語法糖,用于簡化子組件和父組件之間的雙向數(shù)據(jù)綁定,那么本文將給大家介紹一下vue3中不支持.sync語法糖的解決方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01