在Chrome运行Bootstrap Table测试程序报错

在学习Flask的过程中，一直在寻找一个合适的前端框架，用了一段时间的EasyUI，觉得美观还有使用习惯不是很符合个人风格，就有意转向Bootstrap。

因为以开发管理系统为主，表格控件是影响我选择前端框非常重要的因素。Bootstrap自带的表格控件功能不是很丰富，在网上搜了一下，找到一个叫Bootstrap Table 的控件，基于MIT协议的开源控件。

下载建立相关目录，就按照官方例子写了一个简单的测试程序，代码如下：

  
    
    

    
    

    
    
    
  
  
    
    
        
            Item ID
            Item Name
            Item Price
        
    

  

在浏览器(Chrome)里面运行了一下，发现出来的效果跟官方例子大相径庭：

按F12调试，发现浏览器报以下错误信息：

XMLHttpRequest cannot load file:///D:/code/bootstrap/data.json?order=asc&_=1423059391467. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

百度了一下，发现是Chrome默认不支持加载本地json，怎么去设置我就没有深究，直接换到FireFox一切正常：