Allure生成的HTML报告无法加载JSON数据问题求助

你的allure generate命令是正确的，问题出在直接打开本地HTML文件的方式：当你双击index.html时，浏览器用file://协议加载文件，而浏览器的CORS安全策略禁止该协议发起请求加载本地JSON数据，所以出现了报错。

解决办法如下：

• 用本地HTTP服务器访问报告
  这是最安全可靠的方式，用轻量HTTP服务把报告文件夹作为静态资源目录：

  • Python 3：进入allure-report文件夹，执行命令：

    python -m http.server 8080
    

    然后在浏览器打开http://localhost:8080即可查看完整报告。
  • Python 2：执行命令：

    python -m SimpleHTTPServer 8080
    

  • Node.js：先全局安装http-server工具：

    npm install -g http-server
    

    再进入allure-report文件夹执行：

    http-server -p 8080
    

    访问http://localhost:8080查看报告。

• 临时修改浏览器CORS设置（不推荐）
  可以通过浏览器启动参数绕过安全限制，但会降低浏览器安全性，仅适合临时查看：

  • Chrome（Windows）：右键Chrome快捷方式→属性→目标字段末尾添加：

    --disable-web-security --user-data-dir="C:/ChromeDevSession"
    

    注意前面有空格，启动后打开index.html即可。
  • Chrome（Mac）：终端执行：

    open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --disable-web-security --user-data-dir="/tmp/ChromeDevSession"
    

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