vue-cliでaxiosを使ってgetとpostを要求します.

1432 ワード

最近はプロジェクトに追われて、時間があまりないです.今は時間を作ってブログを更新しています.ネットでたくさんのブログを見ましたが、コピーしています.問題は解決できません.今は自分でまとめました.ここで整理します.
このプロジェクトはWebpackを使っていますので、以下の操作はWebpackの下で行います.
まずプロジェクトのフォルダの下でnpmを使ってaxiosをインストールします.
npmインストールaxios
続いて、main.jsにaxiosを導入し、VUEの例のプロトタイプに結び付ける.
mail.js
'vue'からVueを導入する
axiosからaxiosを導入する
 
Vue.prototypeaxios=axios
続いてプロジェクトの中で直接使用できます.
axiosリクエスト
this.$axios({
    type: 'get',     //     type,    get  post  
    url: '/api/getaxios',    //          
    params: {                // get    params,post    data(data json  )
        Num: 33,
    }
}).then(res => {
    console.log(res)    //       res
}).catch(err => {
    alert('    ')    //         
})
また、axios.getとaxios.postの要求があります.プロジェクトの中で、バックグラウンドの要求が合わない場合、上記のaixos要求設定の要求ヘッドが実現できません.長い間、axios.postを使ってリクエストヘッドの設定に成功しました.もし私とタイプがある人は試してみてもいいです.コードは下記の通りです.
this.$axios.post('/login', {    //      post  ,        
    username: this.username,    //     data,   axios.get,    parmas:{}     
    password: this.password
},
{
    headers: {'Content-Type': 'application/json'}    //            
})
  .then(res => {
      console.log(res)    //      res
  })
  .catch(err => {
      alert('    ')    //      
  })
暖かいヒント:バックエンドとドメインエージェントを跨ぐ場合、要求があれば可能ですが、要求は403(アクセス拒否)であり、バックエンドにダブルエージェントが設置されている可能性があります.