使用live-server与VS Code时Chrome控制台出现404错误的技术求助

这问题我之前碰到过类似的，根源大概率不是你的代码或者live-server本身的问题——那个http://eluxer.net/code?sesscheck=1&id=105&subid=51824_5848_的链接看起来像是浏览器扩展或者恶意插件在偷偷注入请求，和你的本地项目完全无关。

为什么直接打开HTML没问题，用live-server就出现？ #

因为直接打开HTML用的是file://本地文件协议，而live-server是启动了本地HTTP服务器（默认是http://localhost:xxxx），很多恶意插件或者广告类扩展只会在HTTP/HTTPS环境下触发注入行为，所以才会出现这种差异。

具体解决步骤： #

• 用隐身模式测试：打开Chrome的隐身窗口（快捷键Ctrl+Shift+N），然后访问live-server的地址。如果隐身模式下控制台没有这个404错误，那100%是你安装的某个浏览器扩展在搞鬼。
• 定位并移除问题扩展：
  1. 打开Chrome扩展管理页面（地址栏输入chrome://extensions/），先勾选右上角的“开发者模式”。
  2. 先禁用所有扩展，重启浏览器后再用live-server测试，确认错误消失。
  3. 然后逐个重新启用扩展，每启用一个就测试一次，直到错误再次出现，找到那个扩展直接删除即可。
• 用开发者工具定位发起者：
  打开Chrome开发者工具的「网络」面板，筛选“XHR/fetch”类型的请求，找到那个404的请求，查看「发起者」（Initiator）列，就能直接看到是哪个脚本或插件发起的这个请求，精准定位源头。
• 清理浏览器缓存和数据：如果上面的方法没解决，可以试试清理Chrome的缓存、Cookie和浏览数据（设置→隐私和安全→清理浏览数据），避免残留的恶意脚本缓存。

这个错误其实不会影响你的项目运行，只是第三方插件的无用请求，只要找到并移除对应的插件就可以彻底解决啦。

内容的提问来源于stack exchange，提问作者Petya Kostova