質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Q&A

解決済

1回答

2405閲覧

Flaskで作成したAPIでjsonがうまく受け取れない

mk222222

総合スコア59

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

0グッド

0クリップ

投稿2019/07/04 01:51

編集2019/07/04 02:04

表題についてです。
画面で検索を押下すると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のパスはあってると思います、、

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

pythonファイルのprintをコメントアウトしたら画面で表示されました。

投稿2019/07/04 02:09

mk222222

総合スコア59

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問