解決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,在運行他的項目時有錯誤提示,可能版本的問題,本人就照著錯誤提示去下載插件,結果他的項目好使瞭,但是自從那次起,每次執行我的項目發現端口號都是不一樣
解決辦法:
先下載npm install [email protected]
重裝依賴npm install
重啟項目npm run dev
以上為個人經驗,希望能給大傢一個參考,也希望大傢多多支持WalkonNet。
推薦閱讀:
- vue如何解決axios請求前端跨域問題
- webpack中的代理配置詳解
- 關於SpringBoot與Vue交互跨域問題解決方案
- vue項目proxyTable配置小結
- 解決vue $http的get和post請求跨域問題