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. node.js - ionic2 創建項目 ionic server 報這個錯 有朋友可以幫忙看看嗎！2. android - 在搜索時如何隱藏底部BottomNavigationBar3. 關于Mysql聯合查詢4. javascript - 在top.jsp點擊退出按鈕后，right.jsp進行頁面跳轉，跳轉到login.jsp5. java - 白盒加密源碼或者庫6. python - 關于beautifulsoup獲取文檔內容7. mysql里的大表用mycat做水平拆分，是不是要先手動分好，再配置mycat8. android - WebView偶爾無法加載，沒有發起請求9. javascript - 這種布局該怎么實現最自然？10. linux - 下面這條shell命令怎么用python寫啊？
網公網安備