使用XAMPP与AJAX遇CORS错误，如何转为HTTP协议访问？

• 核心问题：你直接双击HTML文件用file://协议打开，而非通过XAMPP的Apache HTTP服务访问，这才触发了CORS限制。

• 解决步骤：

  1. 确认所有文件（HTML、JS、informacion.txt）已放在XAMPP的htdocs/Capítol 14目录下（你已完成这一步）。
  2. 确保XAMPP的Apache模块处于Running状态（你已启动，无需额外操作）。
  3. 用浏览器通过HTTP协议访问页面：
     • 在地址栏输入：http://localhost/Capítol 14/[你的HTML文件名].html（比如HTML文件叫index.html，就输入http://localhost/Capítol 14/index.html）。
     • 若Apache修改过默认端口（比如8080），地址要改成http://localhost:端口号/Capítol 14/[你的HTML文件名].html。
  4. 修正AJAX请求路径：
     • 把JS里的请求地址从绝对file://路径改成相对路径，直接写informacion.txt即可。这样当通过HTTP访问时，请求会自动指向http://localhost/Capítol 14/informacion.txt，不会触发CORS限制。

• 额外检查：

  • 若访问时出现404错误，确认htdocs下的文件夹名、文件名和地址栏输入的完全一致（部分环境下Apache区分大小写）。

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