### やろうとしたこと
こちらのサイトを参考にしてInstagramの画像とキャプションをVueに表示しようと思いましたがエラーが出てしまい、修正方法がわかりません。
### 起こった問題
恐らくsplitする時に使った"{"や"</script>"を誤認しているためエラーが出たのかと思います。
### コード
vue
1<template> 2<div> 3 <p>フィルター後</p> 4 {{ filteredList }} 5</div> 6</template> 7 8<script> 9 module.exports = { 10 data() { 11 return { 12 results: '', 13 list: [], 14 } 15 }, 16 created() { 17 axios({ 18 method : 'GET', 19 url : 'https://www.instagram.com/userid/', 20 timeout : 2000, 21 responseType : 'html' 22 }) 23 .then(response => { 24 this.results = response.data 25 }) 26 }, 27 computed: { 28 filteredList: function () { 29 let items = this.results; 30 items = items.split("window._sharedData = ")[1]; 31 items = items.split("};</script>")[0] + "}"; 32 let Arrya_data = JSON.parse(items); 33 console.log(Array_data); 34 let datas = Array_data.entry_data.ProfilePage[0].graphql.user.edge_owner_to_timeline_media.edges; 35 36 this.list = datas; 37 38 return this.list 39 } 40 }, 41 }*/ 42
### 試したこと
filteredListの
vue
1items = items.split("};</script>")[0] + "}";
内の"</script>"やセミコロンが原因だと思ったので、
vue
1let jsend = '"};<'; 2jsend += '/script>"' 3 4(省略) 5 6items = items.split(jsend)[0] + "}";
のように修正しましたが、エラーのままでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。