FullCalendar не работает с Календарем Google SEC7120 - PullRequest
0 голосов
/ 29 сентября 2019

Я пытаюсь интегрировать Календарь Google с FullCalendar.Я следовал за шагами в https://fullcalendar.io/docs/google-calendar и заполнил свою информацию.

document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');

            var calendar = new FullCalendar.Calendar(calendarEl, {
                aspectRatio: 4,
                plugins: [ 'timeGrid' ,'googleCalendar', 'list'],
                defaultView: 'listWeek',
                googleCalendarApiKey: 'A...g',
                eventSources:[                        
                    {
                        googleCalendarId: 'l...@gmail.com'//primary calendar
                    },
                    {
                        googleCalendarId: '7...nk@group.calendar.google.com',//second calendar
                    }],
                header: {
                left: 'prev,next today',
                center: 'title',
                right: ''
                },
            });
            calendar.render();
        });

Однако событие не отображается, и консоль сообщает:

SEC7120: [CORS] Источник 'file: //' not found 'file: //'в заголовке ответа Access-Control-Allow-Origin для ресурса с несколькими источниками в' https://www.googleapis.com/calendar/v3/calendars/7jmaq...lts=9999'.

Щелчок по предоставленной ссылке дает следующий результат:

{"kind ":" calendar # events "," etag ":" \ "... qe80g \" "," summary ":" ... "," updated ":" 2019-09-28T21: 29: 49.573Z ", "timeZone": "...", "accessRole": "reader", "defaultReminders": [], "nextSyncToken": "CIiX05 ... YAQ ==", "items": [{"kind":"calendar # event", "etag": "\" 31 .... 9146000 \ "", "id": "2do9 ... h04", "status": "подтверждено", "htmlLink": "https://www.google.com/calendar/event?eid=MmR...tAZw", "создано": "2019-09-28T21: 29: 49.000Z", "обновлено": "2019-09-28T21: 29: 49.573Z", "summary": "Test", "creator":{"email": "l ... @ gmail.com"}, "организатор": {"email": "7 ... mnk@group.calendar.google.com", "displayName": "..."," self ": true}," start ": {" dateTime ":" 2019-09-28T17: 00: 00-04: 00 "}," end ": {" dateTime ":" 2019-09-28T18: 00: 00-04: 00 "}," iCalUID ":" 2 ... 04@google.com "," sequence ": 0}]}

В общем,Календарь работает нормально, но не может получить информацию о событиях.

1 Ответ

0 голосов
/ 29 сентября 2019

Ключевой проблемой здесь является эта часть сообщения об ошибке:

Исходный файл ': //'

Вы должны обслуживать свою страницу более http:// или https://, прежде чем он сможет работать.

Ограничения безопасности браузера не позволяют файлам, загружаемым локально (в отличие от веб-сервера - даже если этот веб-сервер работает на том же компьютере), используя протокол file://, отправлять запросы Ajax на удаленные сайты.Это затрудняет некоторые виды фишинговых атак.

Установите бесплатный веб-сервер на свой компьютер и обслуживайте свою страницу таким образом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...