前端技术问题，求大佬们指点一下，万分感谢

[kimera]

我是个前端小白，使用 webstorm 调试 ruoyi-vue 前端时，发现了一个奇怪的问题。

问题现象 使用终端启动程序（ npm run dev), 测试访问前端页面正常，如下图

此时，如果启动了 webstorm 应用，就会变成下图的响应，而且 301 后的地址，还在后面加了个/,变成了 location: http://localhost:8080/captchaImage/（多了个/)

退出 webstorm 后，响应报文又会恢复正常，比较神奇

webstorm 启动与否，是怎么影响到 node 的返回的 http 响应处理的, 如何处理多出来的/

测试环境

macos 14.5 (23F79) npm 测试了 v16.13.2 ，v16.20.2 webstorm 2024.1.5

代码地址： https://gitee.com/y_project/RuoYi

ruoyi 后端测试地址（ admin, http://121.4.67.233:8082

[chihiro2014]

这个不是很懂。
但一般不是 cmd 命令行启动前端么，然后 F12 源代码里面打断点？
即使是 webstorm ，执行的也是 npm run dev 之类的把

[hrdom]

没用过 webstorm ，一直用的 vscode

[Belmode]

如果使用 WebStrom 启动应用，要以配置 Run Configuration ，配置 npm 、pnpm 、yarn 命令的方式启动，不能直接点界面的浏览器图标。

[lucasj]

什么叫启动了 webstorm 应用？

[kimera]

@lucasj 打开 webstorm ，显示在项目选择画面

[yzlren]

@lucasj 应该是用 wb 启动的服务，不是用 npm run dev

[liangxin1998]

换个环境，换个工具，重新跑，能解决问题就行

[asdhak]

用 package.json 里的这个起试试，，要么就还是直接用 ws 里带的命令行起

[Curtion]

你需要去研究 webstorm 的启动做了什么工作，和直接 npm run dev 区别是什么，我一般都是直接使用命令行启动，没用过 webstorm

[gongym]

看起来像是 webstorm 占了 1024 端口拦截了响应？可以试试换个端口号或者 netstat -nlp | grep 1024 看下

[kimera]

@gongym 不是的，1024 端口就是 node 占用的

[Yaavi]

webstorm 可能在运行时对请求进行拦截或代理，可能是 webstorm 的代理设置问题或插件搞的

[flyinghigherair]

[img]https://p.sda1.dev/18/aab2e65be37304b604803f830d4342e4/QQ20240813-115817.png[/img]
webstorm 启动这样配置试试，npm/yarn 选你安装的

[kimera]

找到原因了，
web 端地址 localhost:1024, 后端地址本地用的是：localhost:8080
1 ，发现把本地的 localhost:8080 改成服务器地址是正常的
2 ，发现把本地的端口修改成其他端口也是正常的

所以问题就可能是 localhost:8080 有问题，沿着这个思路分析，果然是这里有问题

问题原因：
Settings | Build, Execution, Deployment | Debugger 使用了 8080 端口

为什么 IDEA 没有出现过问题，因为 IDEA 把这个端口调成一个更大的值了（为啥不把 WebStorm 也调成更大的值呢，NND)

其他人也碰到过这个问题
https://intellij-support.jetbrains.com/hc/en-us/community/posts/360007695660-IntelliJ-is-listening-on-8080-but-I-m-not-running-any-servers

[kimera]

这个是之前有人反馈的 IDEA 的 8080 问题
https://intellij-support.jetbrains.com/hc/en-us/community/posts/360007695660-IntelliJ-is-listening-on-8080-but-I-m-not-running-any-servers