表題についてです。
画面で検索を押下するとAPIで商品の情報をJSONで返す。
というプログラムを作りましたが、
画面での表示がうまくいきません。
API側では商品がうまく取得出来ていることをデバッグで確認いたしました。
python
1 # postgres.py呼び出し 2 itemList = test.selectByItem() 3 print([dict(row) for row in itemList]) 4 # itemListをjsonで返す 5 return jsonify({ 6 'itemList': [dict(row) for row in itemList] 7 }) 8 9
上記print
[{'item_cd': '0000001', 'item_name': 'アイテム1'}, {'item_cd': '0000002', 'item_name': 'アイテム2'}]
vue
1//フォーム 2new Vue({ 3 //紐づくセレクター 4 el : '#search', 5 6 //フィールド 7 data : { 8 //ユーザーCD 9 items : [] 10 }, 11 methods :{ 12 //検索押下時 13 kensaku : function(){ 14 //非同期処理 15 const path = 'APIのパス' 16 axios.post(path) 17 .then(response => (this.items = response.data)) 18 .catch(error => console.log(error)) 19 } 20 } 21});
上記デバッグ時のresponseの値:response is not definedのメッセージが表示される
おそらく受け取りの記述が違うのかと思っているのですが、
jsonの配列をaxiosで受け取ってる記事をネットで見つけきれなかったので
質問させていただきました。よろしくお願いします。
追記:console.logで404が返ってこないので、APIのパスはあってると思います、、
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。