vue项目启动时报错 Error: listen EADDRNOTAVAIL: address not available 192.168.0.102:9003

先说一下问题，我的vue项目本地启动时是通过本机ip地址访问（关于如何配置vue项目通过ip访问还是通过localhost访问在另一篇博客中有写，看这里），周五下班就把电脑关机了，周一早上开机重新启动项目时就报错了，错误如下：

Error: listen EADDRNOTAVAIL: address not available 192.168.0.102:9003
    at Server.setupListenHandle [as _listen2] (net.js:1253:19)
    at listenInCluster (net.js:1318:12)
    at doListen (net.js:1451:7)
    at process._tickCallback (internal/process/next_tick.js:63:19)
    at Function.Module.runMain (internal/modules/cjs/loader.js:757:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
Emitted 'error' event at:
    at emitErrorNT (net.js:1297:8)
    at process._tickCallback (internal/process/next_tick.js:63:19)
    [... lines matching original stack trace ...]
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! rsda@1.0.0 dev: `webpack-dev-server --inline  --progress  --host 192.168.0.102 --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the rsda@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:\Users\cy\AppData\Roaming\npm-cache\_logs\2021-02-01T02_33_08_307Z-debug.log
PS D:\suzhou\newRSDA-TEST> cnpm run dev

重点是这一行：

错误原因说明：

本机ip地址与项目中配置的ip地址不一致，导致项目启动报错。

---

为何之前项目是可以正常启动，代码未做任何改动，今天就报错了呢？ 是因为本地的ip地址是分为两种：

• 自动获取 ：因为运营商用的动态分配ip的方式。由于网络的发展，ip地址紧张，所以运营商会采取一定的措施来解决这个问题。宽带是自动获取，ip每次都可能会变化，没有固定的，因为电信或网通内部都会有DHCP服务器给你自动分配IP。
• 手动配置 ：固定设置一个ip地址，不会每次变化。
  想知道如何查看自己电脑的ip地址是自动获取还是手动分配

---

我的就是自动分配ip的，所以我关机之后再开机联网，ip地址发生了改变，就导致了项目启动报错。

解决：通过cmd获取新的ip地址，更改项目配置。

1. 在搜索框输入cmn,然后回车打开cmd

2. 输入命令ipconfig 回车

3. 把项目中旧的ip地址换成新的ip地址

package.json中和项目根目录>config>indexjs中dev对象的host改成新的ip


然后再重新启动项目就不会报错啦！

或者可以把本机ip地址设置为静态的，设置方法见下面连接：
Win10把本地连接ip地址改成静态ip的方法

温馨提示：设置本机ip为静态的方法我并没有试过，可能会出现其他的问题，如果要尝试此方法的请再多查阅一些相关资料，谨慎小心哦！