1. 程式人生 > 程式設計 >解決vue前後端埠不一致的問題

解決vue前後端埠不一致的問題

前後端埠不一致

在config index.檔案中

解決vue前後端埠不一致的問題

引入如下程式碼即可

解決vue前後端埠不一致的問題

proxyTable: {
'/api': {
targhttp://www.cppcns.comet: '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,在執行他的專案時有錯誤提示,可能版本的問題,本人就照著錯誤提示去下載外掛,結果他的專案好使了,但是自從那次起,每次執行我IKhMrNAk的專案發現埠號都是不一樣

解決辦法:

先下載nhttp://www.cppcns.compm install [email protected]

重灌依賴npm install

重啟專案npm run dev

以上為個人經驗,希望能給大家一個參考,也希望大家多多支援我們。