使用live-server时axios.get返回404错误，终端运行正常求助

问题根源 #

你的代码在Node.js终端（node .\script.js）运行正常，但通过live-server在浏览器中执行时出现以下错误：

Failed to load resource: the server responded with a status of 404 (Not Found)
Refused to execute script from '[...]script' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

核心原因在于浏览器环境与Node.js环境的本质差异：

1. 浏览器跨域限制：浏览器会阻止前端脚本直接发起跨域请求（比如从live-server的本地域名请求https://books.toscrape.com），这是浏览器的安全机制。Node.js作为后端环境不受此限制，因此能正常请求目标网站。
2. live-server的定位不符：live-server是用于托管前端静态页面的工具，它会将你的脚本视为浏览器端代码执行，但cheerio等库主要为Node.js环境设计，且跨域问题会直接导致请求失败，进而触发MIME类型错误（请求失败后返回的HTML页面被浏览器误判为脚本）。

解决办法 #

方案1：继续使用Node.js环境执行爬虫（推荐） #

爬虫属于后端脚本任务，无需在浏览器环境运行。既然node .\script.js能正常输出网页内容，直接在终端执行即可，完全不需要依赖live-server。

方案2：临时绕过跨域限制（仅用于浏览器环境测试，不推荐爬虫场景） #

如果需要在浏览器中测试请求逻辑，可以通过live-server的代理功能转发请求，绕过跨域限制：

1. 修改live-server启动命令，添加代理规则：

   live-server --proxy=/books:https://books.toscrape.com
   

2. 调整代码中的请求URL为相对路径：

   const url = "/books";
   testGet(url);
   

   此时请求会通过live-server转发到目标网站，避免跨域拦截。

验证步骤 #

1. 再次执行node .\script.js，确认代码逻辑本身无问题，能正常获取并输出网页HTML。
2. 检查浏览器控制台的错误详情，确认是否存在请求路径被错误解析的情况（比如将目标网站URL识别为live-server本地路径，导致404）。

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