sublime 报错file text.html not in sublime project folder

sublime 报错file text.html not in sublime project folder

---

1.　　遇到问题：如下代码第17行，获取本地json文件，如果直接在浏览器中打开引用该文件的.html文件，在chrme浏览器中并不能读取到json文件。

var vm=new Vue({
     el:"#app",
     data:{
         totalMoney:0,
         productList:[]
     },
     filters:{

     },
     mounted:function () {
         this.cartview();
     },
     methods:{
         
         cartview:function(){
                 var _this=this;
                 this.$http.get("data/cartData.json").then(function(res){
                 _this.productList=res.data.result.list;
                 _this.totalMoney=res.data.result.totalMoney;
             });
         }
     }
     
 
 });

浏览器错误提示：

2.　　原因：chrome浏览器为了安全性考虑，默认对跨域访问禁止。

3.　　解决方案：运用SublimeServer

（1）安装：

　　sublime编辑器：perferences——packageControl——输入：Install Package——SublimeServer——进行安装。

（2）在Tools下可以查看到：SublimeServer——start SublimeServer

（3）到相应的页面——右键——view in sublimeServer

注意：　　

　　这时可能会出现问题：

　　　　eg： File cart.html not in sublilme Project Folder! 　　

这是因为SublimeServer要求代码文件必须添加到Sublime Text的项目里：Porject——Add Folder to Project ——选择你的项目文件夹。

 

（4）再次执行步骤，便不会报错这错儿了~

此时在控制台看到可以正常加载json文件。

在Tools——SublimeServe——settings——查看SublimeServer的基本配置，可以设置修改服务器端口，文件扩展名等。

 

原创：http://www.mamicode.com/info-detail-1914788.html