1. ホーム
  2. vue.js

_this.axios is not a functionの原因と解決方法

2022-02-14 08:07:37

原因

axiosモジュールへの参照がない

解決策

1. axiosをインストールする

また、cnpmのTaobaoミラーを使用して、インストールすることができます。

npm install --save axios vue-axios

2. main.jsでの参照

プロジェクトで axios モジュールを使用する

import axios from 'axios'
import VueAxios from "vue-axios";

Vue.use(VueAxios, axios)


3. リクエストの送信

this.axios({
            method: 'post',
            url: 'http://localhost:8090/login',
            data: {
              name: this.form.name,
              password: this.form.password
            }
          }).then(function (resp){
            console.log(resp)
          })