uni-app 电脑睡眠启动后 之前运行的vue项目访问不了
uni-app 电脑睡眠启动后 之前运行的vue项目访问不了
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | window 11 22H2 22621.2861 | - |
| HBuilderX | 3.99 | - |
操作步骤：
- 启动vue项目，然后点击电脑的睡眠，然后唤醒电脑
预期结果：
- 电脑唤醒后，启动的vue项目依然可以正常访问、正常开发
实际结果：
- 电脑唤醒后，启动的vue项目无法访问，修改代码，控制台无任何反应
bug描述：
- 电脑睡眠重启后，运行的vue项目无法访问，修改代码编辑器的控制台也没任何更新反应，并且关闭控制台，重新打开控制台会出现白屏
2 回复
在 Uni-App 开发中，如果你的电脑进入睡眠模式后，之前运行的 Vue 项目无法访问，可能是由于以下原因之一导致的：
1. 本地开发服务器停止运行
- 原因: 电脑进入睡眠模式后，本地开发服务器（如
webpack-dev-server）可能已经停止运行。 - 解决方法: 在电脑唤醒后，重新启动你的开发服务器。可以通过命令行重新运行
npm run dev或yarn dev来启动项目。
2. 网络连接问题
- 原因: 电脑唤醒后，网络连接可能需要重新建立，导致无法访问本地服务器。
- 解决方法: 确保你的网络连接正常，并尝试刷新浏览器页面。
3. IP地址变化
- 原因: 如果你的开发服务器是通过 IP 地址访问的（例如
192.168.x.x:8080），电脑唤醒后 IP 地址可能发生了变化。 - 解决方法: 检查你的 IP 地址是否发生变化，并更新访问地址。你也可以考虑使用
localhost或127.0.0.1来访问开发服务器。
4. 端口被占用
- 原因: 电脑唤醒后，之前使用的端口可能被其他进程占用。
- 解决方法: 检查端口是否被占用，并尝试更换端口。你可以通过以下命令查看端口占用情况：
如果端口被占用，可以在lsof -i :8080 # 查看 8080 端口是否被占用vue.config.js中修改端口配置：module.exports = { devServer: { port: 8081, // 更换为其他端口 }, };
