文章詳情頁(yè)

vue-resource獲取不到本地json文件的數(shù)據(jù)？

瀏覽：316日期：2024-03-22 08:13:06

問(wèn)題描述

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鳥(niǎo)</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>//瀏覽器無(wú)法彈出123

問(wèn)題解答

回答1：

jsonp是跨域的,請(qǐng)求本地寫它干嘛 this.$http.get()就行了,具體回調(diào)函數(shù)看著也有問(wèn)題沒(méi)看你想請(qǐng)求什么數(shù)據(jù)..response參數(shù)也不用

回答2：

必須在http或https協(xié)議下才能用AJAX，file協(xié)議下瀏覽器默認(rèn)禁用AJAX

vue

上一條：什么是前后端分離？用vue angular等js框架就能實(shí)現(xiàn)前后分離了嗎？下一條：nginx和web服務(wù)都跑在docker容器里時(shí)，nginx負(fù)載均衡如何配置服務(wù)的IP地址

相關(guān)文章：

1. nignx - docker內(nèi)nginx 80端口被占用2. docker images顯示的鏡像過(guò)多，狗眼被亮瞎了，怎么辦？3. 關(guān)于docker下的nginx壓力測(cè)試4. android - 百度地圖加載完成監(jiān)聽(tīng)5. 跟蹤器怎么開(kāi)啟無(wú)反應(yīng)6. java - 阿里的開(kāi)發(fā)手冊(cè)中為什么禁用map來(lái)作為查詢的接受類?7. docker api 開(kāi)發(fā)的端口怎么獲?。?/a>8. macos - mac下docker如何設(shè)置代理9. dockerfile - [docker build image失敗- npm install]10. python3.x - git bash如何運(yùn)行.bat文件？