V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
kimera
V2EX  ›  程序员

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

  •  
  •   kimera · 92 天前 · 1963 次点击
    这是一个创建于 92 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    image.png

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

    退出 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

    15 条回复    2024-08-13 12:31:14 +08:00
    chihiro2014
        1
    chihiro2014  
       92 天前
    这个不是很懂。
    但一般不是 cmd 命令行启动前端么,然后 F12 源代码里面打断点?
    即使是 webstorm ,执行的也是 npm run dev 之类的把
    hrdom
        2
    hrdom  
       92 天前
    没用过 webstorm ,一直用的 vscode
    Belmode
        3
    Belmode  
       91 天前
    如果使用 WebStrom 启动应用,要以配置 Run Configuration ,配置 npm 、pnpm 、yarn 命令的方式启动,不能直接点界面的浏览器图标。
    lucasj
        4
    lucasj  
       91 天前
    什么叫启动了 webstorm 应用?
    kimera
        5
    kimera  
    OP
       91 天前 via iPhone
    @lucasj 打开 webstorm ,显示在项目选择画面
    yzlren
        6
    yzlren  
       91 天前
    @lucasj 应该是用 wb 启动的服务,不是用 npm run dev
    liangxin1998
        7
    liangxin1998  
       91 天前
    换个环境,换个工具,重新跑,能解决问题就行
    asdhak
        8
    asdhak  
       91 天前
    用 package.json 里的这个起试试,,要么就还是直接用 ws 里带的命令行起
    Curtion
        9
    Curtion  
       91 天前
    你需要去研究 webstorm 的启动做了什么工作,和直接 npm run dev 区别是什么,我一般都是直接使用命令行启动,没用过 webstorm
    gongym
        10
    gongym  
       91 天前
    看起来像是 webstorm 占了 1024 端口拦截了响应?可以试试换个端口号或者 netstat -nlp | grep 1024 看下
    kimera
        11
    kimera  
    OP
       91 天前
    @gongym 不是的,1024 端口就是 node 占用的
    Yaavi
        12
    Yaavi  
       91 天前
    webstorm 可能在运行时对请求进行拦截或代理,可能是 webstorm 的代理设置问题或插件搞的
    flyinghigherair
        13
    flyinghigherair  
       91 天前
    [img]https://p.sda1.dev/18/aab2e65be37304b604803f830d4342e4/QQ20240813-115817.png[/img]
    webstorm 启动这样配置试试,npm/yarn 选你安装的
    kimera
        14
    kimera  
    OP
       91 天前
    找到原因了,
    web 端地址 localhost:1024, 后端地址本地用的是:localhost:8080
    1 ,发现把本地的 localhost:8080 改成服务器地址是正常的
    2 ,发现把本地的端口修改成其他端口也是正常的

    所以问题就可能是 localhost:8080 有问题,沿着这个思路分析,果然是这里有问题
    ![image.png]( https://s2.loli.net/2024/08/13/pbMtG7F2xnLkTNZ.png)

    问题原因:
    Settings | Build, Execution, Deployment | Debugger 使用了 8080 端口
    ![image.png]( https://s2.loli.net/2024/08/13/IlxUTy9FBtGQCbw.png)

    为什么 IDEA 没有出现过问题,因为 IDEA 把这个端口调成一个更大的值了(为啥不把 WebStorm 也调成更大的值呢,NND)
    ![image.png]( https://s2.loli.net/2024/08/13/liP1tBJKMg4wc9q.png)

    其他人也碰到过这个问题
    https://intellij-support.jetbrains.com/hc/en-us/community/posts/360007695660-IntelliJ-is-listening-on-8080-but-I-m-not-running-any-servers
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1157 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 19:03 · PVG 03:03 · LAX 11:03 · JFK 14:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.