javascript - 错误: origin_mismatch when using Google calendar API with port 444

Question

当我尝试通过另一个使用不同端口的网站使用 Google Calendar API 时，收到一条错误 origin_mismatch 消息。

当 API 请求从 http://original.domain.edu 发送时，代码不会返回错误.

但是，当 API 请求从 https://original.domain.edu:444 发送时，代码会返回上述标题错误。 (这是应用程序使用的安全登录端口)。

我已经添加了 https://original.domain.edu:444和 https://original.domain.edu到我的 API 控制台中的 OAuth 客户端，但仍然发生相同的错误。有人可以提供一些帮助吗？

var exportCalendarToGoogle = function() {

var clientId = 'XXXXXXXXXXXXXXXXXXXXXXXXX';
var scope = 'https://www.googleapis.com/auth/calendar';
var apiKey = 'XXXXXXXXXXXXXXXXXXXXXXXXX';

var withGApi = function() {
  console.log("gapi loaded");
  setTimeout(function() {
      gapi.client.setApiKey(apiKey);
      gapi.auth.init(checkAuth);
    }, 500);
}

var checkAuth = function() {
    gapi.auth.authorize({client_id: clientId, scope: scope, immediate: false}, handleAuthResult);
}

var handleAuthResult = function(authResult) {
    if(authResult) {
        gapi.client.load("calendar", "v3", exportCalendar);
    } else {
        alert("Authentication failed: please enter correct login information.");
    }
}
...

Answer 1

您需要一个服务器端文件作为代理/桥梁来解决 JS Origin 问题。

例如:varscope =“https://original.domain.edu:444/proxy.php”;

<?php 
//proxy.php file
echo file_get_contents('https://www.googleapis.com/auth/calendar?' . http_build_query($_GET) ); 
?>