実現したいこと
・Vueの処理でデータをaxiosで取得したい
発生している問題・エラーメッセージ
browserのレスポンスには、データが返ってきているが、axiosからのレスポンスには
dataが空になっている。
エラーなし
該当のソースコード
js
1const uri = parseUri(window.location.search); 2const query = queryToObject(uri.query); 3 4 5try { 6 if (!query.id.match(/^\d+$/)) { 7 throw new Error("Invalid parameter"); 8 } 9 10 var res_data; 11 // 非同期でデータ取得 12 axios({ 13 method : 'GET', 14 url : 'data.json', 15 responseType : 'json' 16 }).then(function (response) { 17 res_data = response.data; 18 //ここが空になる 19 console.log(res_data) 20 }).catch(function (error) { 21 console.log(error); 22 }); 23} catch (e) { 24 console.log(e); 25} 26
data.json
1{ 2 3"0001": 4 { 5 "id": "0001", 6 "number": "-asd-1", 7 "name": "", 8 "pf_type_id": "", 9 "pf_type_name_j": "", 10 "position": "5840558834058034860586805068506", 11 "pictures": [ 12 "/file/test1.jpg", 13 "/file/test2.jpg", 14 "/file/test3.jpg", 15 "", 16 "", 17 "" 18 ], 19 "pf_files": [ 20 21 { 22 "pf_file": { 23 "date": "2007年3月29日" , 24 "title": "testのお知らせ" , 25 "path": "/file/testtestetst.jpg", 26 "size": "18.3KB", 27 "icon": "pdf", 28 "icon_upper": "PDF" 29 } 30 }, 31 32 { 33 "pf_file": { 34 "date": "2007年3月29日" , 35 "title": "testのお知らせ" , 36 "path": "/file/testtestetst.jpg", 37 "size": "18.3KB", 38 "icon": "pdf", 39 "icon_upper": "PDF" 40 } 41 }, 42 43 { 44 "dummy": "" 45 } 46 ], 47 } 48}
試したこと
ファイルパスをフルパスにする。
axiosの指定を試す
補足情報(FW/ツールのバージョンなど)
※見えてはいけないデータは変更していますので、画像と一致しない部分はあります。
レスポンスがbrowserでは返ってきているのに、vueでは取れない