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

Posted on by

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，在運行他的項目時有錯誤提示，可能版本的問題，本人就照著錯誤提示去下載插件，結果他的項目好使瞭，但是自從那次起，每次執行我的項目發現端口號都是不一樣

解決辦法：

先下載npm install [email protected]

重裝依賴npm install

重啟項目npm run dev

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：