Sublime_SublimeServer

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）再次執行步驟（3）

 

 

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

另：

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