FullCalendar集成Google Calendar失败，控制台报SEC7120 CORS错误

你遇到的问题核心是浏览器的跨域资源共享(CORS)政策阻止了file://协议的请求。Google Calendar API的响应头里没有包含file://这个特殊本地源，所以浏览器会拦截请求，即便你直接访问API链接能拿到数据也没用。

为什么会这样？ #

当你直接双击本地HTML文件打开时，浏览器会用file:///xxx.html的协议访问，这属于特殊的本地文件源。出于安全考虑，绝大多数公开API（包括Google的服务）都不会把file://列入合法的跨域允许源名单。

快速解决方法： #

• 用本地HTTP服务器运行代码
  这是最直接有效的方案，把本地文件放到HTTP服务器环境下，用http://localhost:端口的标准HTTP协议访问，这样Origin就符合Google API的CORS要求了：

  • 如果你有Python 3，直接在文件所在目录打开终端运行：

    python -m http.server 8000
    

    然后打开浏览器访问http://localhost:8000/你的日历页面.html
  • 如果你用Node.js，可以先全局安装轻量服务器工具：

    npm install -g http-server
    

    再到文件目录运行：

    http-server
    

    按照终端提示的地址访问即可。

• 检查Google Cloud Console的API配置（可选）
  虽然你直接访问API链接能拿到数据，但可以额外确认下API密钥的限制：

  1. 打开Google Cloud Console找到你的API密钥
  2. 如果密钥设置了“应用限制”，确保把http://localhost:*添加到允许的HTTP来源里（仅测试环境用，生产环境要换成正式域名）
  3. 再次确认Google Calendar API已经启用（你应该已经完成这一步，但可以快速核对）

额外说明 #

你的代码本身逻辑是没问题的——插件加载正确、API密钥和日历ID也能正常请求到数据，只要解决了本地运行的协议问题，日历事件应该就能正常显示了。

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