FullCalendar 跨域问题

Question

我正在尝试在我的本地主机上设置 FullCalendar 以进行测试。这是代码:

$( '.calendar' ).fullCalendar( {
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    eventSources: [
        {
            url: "http://www.google.com/calendar/feeds/feed_one",
            className: 'feed_one'
        },
        {
            url: "http://www.google.com/calendar/feeds/feed_two",
            className: 'feed_two'
    ]
} )

我的控制台出现了这个错误，并且没有显示事件:

XMLHttpRequest cannot load http://www.google.com/calendar/feeds/feed_one. 
Origin http://localhost is not allowed by Access-Control-Allow-Origin. localhost:1

XMLHttpRequest cannot load http://www.google.com/calendar/feeds/feed_two. 
Origin http://localhost is not allowed by Access-Control-Allow-Origin. localhost:1

根据我的研究，这似乎是一个Cross-Origin-Resource-Sharing 问题，但我不知道如何解决它。

如果有人能帮助我，或者指出正确的方向，我将不胜感激。

Answer 1

您需要为跨域访问发出 JSONP 请求。您能否设置以下属性并检查这是否适合您。

您可以通过here 获得JSONP 的详细描述。 ...

eventSources: [
    {
        url: "http://www.google.com/calendar/feeds/feed_one",
        dataType : 'jsonp',
        className: 'feed_one'
    },
    {
        url: "http://www.google.com/calendar/feeds/feed_two",
        dataType : 'jsonp',
        className: 'feed_two',
]