Googleカレンダーを公開してファイルを使用しようとしていics
ますが、問題が発生していますXMLHttpRequest
私がこれまでに試したこと:
googleCalendarId と googleCalendarApiKey を使用すると機能します。
$('#calendar').fullCalendar({
googleCalendarApiKey: '*************myApiKey**************',
events: {
googleCalendarId: 'chris.beckett@schoolspider.co.uk'
},
eventClick: function(event) {
console.log(event.start);
console.log(event.end);
return false;
},
loading: function(bool) {
$('#loading').toggle(bool);
}
});
次に、実際のicsファイルを次のように使用しようとすると:
$('#calendar').fullCalendar({
events: {
url: 'https://calendar.google.com/calendar/ical/chris.beckett%40schoolspider.co.uk/public/basic.ics'
},
eventClick: function(event) {
console.log(event.start);
console.log(event.end);
return false;
},
loading: function(bool) {
$('#loading').toggle(bool);
}
});
コンソール ログに次のエラーが表示されます。
XMLHttpRequest はhttps://calendar.google.com/calendar/ical/chris.beckett%40schoolspider.co.uk/public/basic.icsを読み込めません 。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン「http://127.0.0.1:8887」へのアクセスは許可されていません。
次の設定も試しました。
//htaccess file
Header set Access-Control-Allow-Origin "*"
//php
header("Access-Control-Allow-Origin: *");
//xhr
xhr.setRequestHeader('Access-Control-Allow-Origin', '*');