无法加载.json文件的解决办法 404错误

原文地址：http://www.itdatum.net/webui/html/2014/08/7928.shtml

 

在万网上部署ExtJS的测试程序时，发现.json文件无法加载，用Firefox在firebug下显示如下错误：
http://www.itdatum.net/online/extjs/examples-itdatum/grid-with-combobox-editable-cascade/json/province.json?_dc=1407502160360&page=1&start=0&limit=25404 Not Found

如下图：

 

加载.json文件代码为：

Ext.define('AM.store.ProvinceStore', {
    extend: 'Ext.data.Store',
    fields:['id','value','text'],
    autoLoad: true,
    proxy: {
      type: "ajax",
      url: "json/province.json",
      reader: {
        type: "json",
        root: "data"
      }
   }
});

检查了好几遍路径都没有问题，如果把json文件后缀名改为js则没有问题，可以得知是IIS不支持json文件，需要手动配置如下：

登录万网主机控制面板，找到左侧的“网站高级环境配置”下的“MIME类型设置”，点击打开MIME类型设置页面，分别填写如下内容：

    文件扩展名 ： ".json"

    MIME类型 ： "application/x-javascript"

点击“添加”按钮就可以了。如下图所示：

然后刷新页面就可以看到json文件数据返回了。如下图所示：