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リクエスト
このプロジェクトは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(アクセス拒否)であり、バックエンドにダブルエージェントが設置されている可能性があります.