openlayer3地图无法在我的网站上显示

Question

我使用openlayer3制作地图。它可以完美地显示在我的本地计算机上，但是当我将这张地图放入我的服务器时，它无法在网站上显示。问题是什么？我的代码就像：

  var style1 = new ol.style.Style({
    fill: new ol.style.Fill({
        color: 'rgba(220, 220, 220, 1)'
    }),
    stroke: new ol.style.Stroke({
        color: '#c0c0c0',
        width: 1
    }),
    /*text: new ol.style.Text({
        font: '12px Calibri,sans-serif',
        fill: new ol.style.Fill({
            color: '#000'
        }),
        stroke: new ol.style.Stroke({
           color: '#fff',
           width: 3
        })
    })*/
});
var vectorLayer1 = new ol.layer.Vector({
source: new ol.source.Vector({
    url: 'data/bg.geojson',
    format: new ol.format.GeoJSON({
        extractStyles: false
    })
}),
style: style1
});
var map = new ol.Map({
target: 'map',
layers: [
    vectorLayer1
]