vue-resource獲取不到本地json文件的數據？
問題描述
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鳥</title> <script src="js/vue.js"></script> <script src="js/vue-resource.min.js"></script> <link href="example.css" rel="stylesheet" type="text/css" /></head><body><div id="example"> <button id="but" >添加</button> <ul id="example1"><li v-for="item in items"> {{ item.id }} {{ item.author }} </li> </ul> </div><script> //在這里面寫Vue.js代碼var example = new Vue({ el: '#example', data: { items: [ { id:'0',author:'我'} ] }, ready:function(){ this.$http.jsonp('1.json',{},{headers:{},emulateJSON: true }).then(function(response){alert('123'); },function(response){}); }}) //----------------</script></body></html>//瀏覽器無法彈出123
問題解答
回答1：jsonp是跨域的,請求本地寫它干嘛 this.$http.get()就行了,具體回調函數看著也有問題 沒看你想請求什么數據..response參數也不用
回答2：必須在http或https協議下才能用AJAX，file協議下瀏覽器默認禁用AJAX
相關文章：
1. mysql - 在不允許改動數據表的情況下，如何優化以varchar格式存儲的時間的比較？2. MySQL中無法修改字段名的疑問3. css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦4. docker網絡端口映射，沒有方便點的操作方法么？5. css3 - 純css實現點擊特效6. javascript - Img.complete和img.onload判斷圖片加載完成有什么區別？7. java中返回一個對象，和輸出對像的值，意義在哪兒8. javascript - 有適合開發手機端Html5網頁小游戲的前端框架嗎？9. Python中使用超長的List導致內存占用過大10. javascript - 關于apply（）與call（）的問題
網公網安備