WebStorm和IDEA怎么连接前后端
WebStorm和IntelliJ IDEA的前后端连接，是让前端开发服务器请求已经运行的后端接口。后端项目在IDEA中启动，前端源码目录用WebStorm打开。同一仓库也能把前端和后端作为独立模块管理，各自的依赖和运行配置保持分开。
WebStorm和IDEA怎么连接前后端
后端目录保存服务端代码和运行配置，前端目录保存 package.json、源码和前端依赖。WebStorm的项目就是一个前端源码文件夹，其中可包含 node_modules 和项目配置文件。两个目录不应互相复制依赖，需要对齐的是接口地址、请求参数和返回数据格式。
IDEA的项目可以容纳多个模块。JetBrains的项目说明提到，后端服务和前端应用可作为同一项目内的独立模块，共享项目级SDK与版本控制设置。单仓库可同步提交，分仓库则在两个IDE窗口打开对应目录，再通过运行中的接口联调。
按顺序启动服务并连通请求
1、在IDEA中启动后端
启动后端运行配置，等待控制台显示服务已监听。通过浏览器、接口工具或终端访问一个已知接口，确认端口、路径、状态码和返回内容。接口无法访问时，在后端日志中检查编译、端口、数据库连接或鉴权异常。
2、在WebStorm中启动前端
在前端目录安装项目声明的依赖，并运行开发脚本。开发服务器就绪后会显示页面地址。打开页面，在浏览器Network面板核对请求是否发出、实际请求地址和响应状态。
3、集中配置接口基础地址
将接口基础地址放进环境配置或统一请求模块，开发环境指向当前后端服务地址。每个组件都写死本机IP和端口，会使换电脑、换测试环境或换端口后的修改变得零散。配置变动后，按项目要求重新启动前端服务。
处理代理、跨域和联调结果
页面和接口的协议、主机或端口不同，浏览器会进行跨域检查。本地开发可让前端开发服务器把固定前缀转发到后端，由浏览器请求前端地址。接口需要接受多个真实来源访问时，再由后端按实际来源设置CORS。
Network中的请求仍直接指向后端端口，说明代理路径或前缀没有匹配。后端已收到请求却仍被浏览器拦截，应核对允许来源、请求方法、请求头和携带凭据的设置。
用一条请求判断连接是否完成
浏览器Network面板出现预期状态码，IDEA的断点或日志记录到同一请求，页面也显示正确数据，才算前后端真正连通。请求未到后端，应检查地址、网络或代理。服务端返回错误，查看响应和服务端日志。响应正常但页面为空，检查前端字段映射、状态更新和渲染条件。
提交前整理项目配置
WebStorm会在项目中使用 .idea 保存部分配置。可共享的项目设置按团队约定进入版本控制，本机工作区偏好不应覆盖其他成员。提交共同仓库前确认改动属于源码、可共享配置还是个人环境文件，避免把本地路径和临时配置带进协作分支。
