🔧 修复 ERR_CONNECTION_REFUSED 错误

❌ 错误信息: Failed to load resource: net::ERR_CONNECTION_REFUSED
📌 原因: 开发服务器未运行或已崩溃

🚀 解决方法

1停止当前服务器

如果终端中有服务器正在运行,按:

Ctrl + C

⚠️ 如果终端无响应,可以直接关闭终端窗口

2清除缓存

在项目根目录执行以下命令:

# 删除缓存目录 rm -rf node_modules/.cache # 如果使用 Vite,也删除 Vite 缓存 rm -rf .vite

Windows PowerShell 用户:

# 删除缓存目录 Remove-Item -Recurse -Force node_modules\.cache Remove-Item -Recurse -Force .vite

3重启开发服务器

npm run dev

等待服务器启动,看到类似以下信息表示成功:

➜ Local: http://localhost:5173/ ➜ Network: use --host to expose

4硬刷新浏览器

打开浏览器后,使用以下快捷键完全刷新:

💡 如果问题仍然存在

方法 A:完全重置

# 1. 停止服务器 Ctrl + C # 2. 删除所有缓存 rm -rf node_modules/.cache rm -rf .vite rm -rf dist # 3. 重新安装依赖 npm install # 4. 启动服务器 npm run dev

方法 B:更换端口

如果 5173 端口被占用:

# 使用不同端口启动 npm run dev -- --port 5174

方法 C:检查端口占用

Mac/Linux:

# 查看 5173 端口占用情况 lsof -i :5173 # 如果有进程占用,记下 PID,然后杀掉进程 kill -9 [PID]

Windows:

# 查看端口占用 netstat -ano | findstr :5173 # 杀掉进程(替换 PID 为实际进程ID) taskkill /PID [PID] /F

✅ 启动成功后

  1. 在浏览器访问:http://localhost:5173
  2. 登录系统
  3. 进入:地块信息管理 → 分类与标签 → 分类与标签
  4. 点击右上角 分类管理 按钮
  5. 现在可以新增和编辑土壤类型、种植模式了!

📚 相关文档

💡 提示: 地块分类管理的新增和编辑功能已经完成!现在支持: