每天上班，重啟電腦，按照下面的步驟，打開vue的項(xiàng)目，開始編寫代碼，但是，今天一如往常一般操作：
1：cd /項(xiàng)目名稱
下面就是運(yùn)行項(xiàng)目了，cd /項(xiàng)目名稱，我的文件放在D盤，所以先進(jìn)入d盤，再進(jìn)入項(xiàng)目。
cd ShopApp

image

2：npm run dev
一切準(zhǔn)備就緒，啟動項(xiàng)目
npm run dev

但是，卻出現(xiàn)了以下的報錯，一開始很郁悶，仔細(xì)看了一下錯誤提示，應(yīng)該是IP地址出錯了。

之前為了能在手機(jī)上訪問vue的項(xiàng)目，找到config文件夾下的index.js文件，打開后，將host的值改為我本地的ip。
如何在手機(jī)上查看測試vue-cli構(gòu)建的項(xiàng)目：http://www.itdecent.cn/p/a15be31cab12

圖片.png

Error: listen EADDRNOTAVAIL 192.168.1.122:8081
    at Object._errnoException (util.js:1024:11)
    at _exceptionWithHostPort (util.js:1046:20)
    at Server.setupListenHandle [as _listen2] (net.js:1334:19)
    at listenInCluster (net.js:1392:12)
    at doListen (net.js:1501:7)
    at _combinedTickCallback (internal/process/next_tick.js:141:11)
    at process._tickCallback (internal/process/next_tick.js:180:9)
    at Function.Module.runMain (module.js:678:11)
    at startup (bootstrap_node.js:187:16)
    at bootstrap_node.js:608:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! shopapp@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the shopapp@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Program Files\nodejs\node_cache\_logs\2018-08-28T03_29_03_820Z-debug.log

圖片.png

解決辦法：
因?yàn)闄C(jī)器重啟，DHCP重新分配了IP。重新配置工程綁定當(dāng)前分配的IP就可以了，或者修改本機(jī)的IP為靜態(tài)IP，問題就解決了。

1：打開cmd,命令行運(yùn)行 ipconfig，得到本機(jī)的ip地址：

圖片.png

2：找到config文件夾下的index.js文件，打開后，將host的值改為我上一步所得到的ipv4即可

圖片.png

原文作者：祈澈姑娘
技術(shù)博客：http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子，愛編程，愛運(yùn)營，愛折騰。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題，堅(jiān)持記錄工作中所所思所見，歡迎大家一起探討交流。