ネイティブajax呼び出しインターフェースと同様に、vueフレームワークでaxiosを使用します

Vue：
①最初の書き方

	 this.$axios.get('http://wthrcdn.etouch.cn/weather_mini', {
    
    
        params: {
    
    
          city: "北京"
        }
        })
        .then(function (response) {
    
    
        console.log(response);
        })
        .catch(function (error) {
    
    
        console.log(error);
      })

②psの2番目の書き方

：axios
がリクエストを送信すると、getリクエストのURL文字列にparamsが追加され、リクエスト本文にデータが追加されるため、次の段落のparamsはデータではなくparamsとして記述する必要があります。投稿リクエストの場合。

	this.$axios({
    
    
          method:'get',
          dataType:'json',
          contentType:"application/json",
          url:'http://wthrcdn.etouch.cn/weather_mini',
          params:{
    
    
            city:"北京"
          },          
      }).then((res)=>{
    
    
        console.log(res);
      })

---

axiosを使用する前に環境を構成する必要があります

①cmdでコマンドを実行する

npm install axios

②この行はpackage.jsonで確認できます

③これらの行をsrc / main.jsに書き込みます

import axios from 'axios'

Vue.config.productionTip = false
Vue.prototype.$axios=axios
Vue.config.productionTip = false

④npmrunserveはaxiosを使用できます