PhpStorm自动在GET请求的JSON响应中追加脚本导致JSON解析失败的解决方法求助

问题根源 #

你遇到的这段脚本是PhpStorm的Live Edit（实时编辑/热重载）功能自动注入的，它原本是用来实现代码修改后页面自动刷新、CSS热更新的。之所以会跑到JSON响应里，是因为PhpStorm的内置开发服务器误将你的JSON响应识别成了可注入的静态资源文件。

具体解决方法 #

这里有几个能彻底解决问题的步骤，按优先级尝试即可：

• 直接关闭全局Live Edit功能

  1. 打开PhpStorm的Settings/Preferences（Windows/Linux用快捷键Ctrl+Alt+S，Mac用Cmd+,）
  2. 依次导航到Build, Execution, Deployment > Debugger > Live Edit
  3. 取消勾选最顶部的Enable Live Edit选项
  4. 点击Apply和OK，再重启当前的开发服务（如果用了内置服务器的话）

• 精准限制脚本注入范围（不想完全关闭Live Edit的话）
  同样在上述Live Edit设置页面：

  1. 找到Inject into区域，只保留HTML files的勾选
  2. 确保没有勾选All files或其他可能包含JSON的类型
  3. 保存设置后重启服务，这样PhpStorm只会在HTML文件中注入热重载脚本，不会干扰JSON响应

• 切换到外部开发服务器
  如果你用的是PhpStorm自带的内置开发服务器，它会默认对所有返回内容做脚本注入。可以换成自己搭建的外部服务器（比如XAMPP、Nginx，或是PHP自带的php -S内置服务器），完全绕过PhpStorm的注入逻辑。

• 检查Run/Debug配置的特殊设置

  1. 点击顶部工具栏的Run > Edit Configurations
  2. 找到你当前在用的运行/调试配置
  3. 查看是否有Live Reload、Hot Swap相关选项，将其关闭后保存配置

验证方法 #

修改设置后重新发起GET请求，查看响应内容是否只有纯净的JSON数据，再用JSON.parse测试是否还会抛出语法错误，确认问题解决。

内容来源于stack exchange