Vuejsはaxiosを使用してデータを取得できません - コードログ

Question

リーリー

上記はコンポーネントのコードです。axios が正しくインストールされていることを確認してください。呼び出された localhost:3000 インターフェース API プログラムもローカルで正常に実行されています。テスト後、データは正常に返されますが、データは返されません。ページ上でアクセスできない場合に表示されます。Chrome コンソールでエラーが報告されます。

それでは、何が問題なのでしょうか?答えてください

Answer 1

デフォルトのエクスポート{} その前に import axios from 'axios' を追加してみてください
個人的には main.js にこんな感じで書いています
`import axios from 'axios';
Vue.prototype.$http = axios;`
Call

リーリー

Answer 2

this.axios 是 undefined。说明你引入的 axios Vue に関連付けられていません。
アプリの入り口にある Vue プロトタイプに追加してみてください。

おそらく次のようなものです:

リーリー

または、Vue のプラグインの作成方法を参照することもできます: https://vuejs.org/v2/guide/pl...

Answer 3

scriptタグの先頭に行を追加します

import axios from 'axios'

プロトタイプ チェーンを変更したり、Vue インスタンスでプロトタイプ チェーンに何かを追加したりすることはお勧めできません。

Answer 4

これは必要ありません、直接 Axios.get()