第一步

1.將config裡面的host設定成0.0.0.0

host: '0.0.0.0',

2.修改package.json

"scripts": {
  "start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",}

第一步和第二步都有ip，其實第二步優先順序高，這裡第二步的host可以不設定，vue預設執行第一步的設定

3.檢視開發機的ip地址，並告訴給其他小夥伴，還有埠號

補充知識：vue專案通過本地ip實現真機除錯

使用webpack打包後

cmd 輸入 IPCONFIG 拿這個地址

然後去package.json 在dev裡面輸入 你的ip

然後npm run dev 執行即刻

你的電腦 連結的wifi 需要和別人想訪問的裝置連結的wifi 一致 否則ip不一致無法除錯

以上這篇完美解決通過IP地址訪問VUE專案的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。