vue-resource獲取不到本地json文件的數(shù)據(jù)？
問題描述
<!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()就行了,具體回調(diào)函數(shù)看著也有問題 沒看你想請求什么數(shù)據(jù)..response參數(shù)也不用
回答2：必須在http或https協(xié)議下才能用AJAX，file協(xié)議下瀏覽器默認禁用AJAX
相關(guān)文章：
1. css3 - 這種情景怎么解釋？display:flex 遭遇 white-space: nowrap;2. docker - dcoker gitlab 如何修改主機地址？3. Html 入門教程視頻無法播放4. css3選擇器nth-of-type的問題5. PHP單例模式6. objective-c - 微信支付的問題7. javascript - 微信jssdk ios下自定義onMenuShareAppMessage 分享失效，Android分享成功8. angular.js - 請教一個關(guān)于angularjs的小問題9. css3 - css 選擇器如何同時使用屬性選擇和順序選擇？10. angular.js - angularjs的自定義過濾器如何給文字加顏色？
網(wǎng)公網(wǎng)安備