vue中axios的使用
阿新 • • 發佈:2020-09-21
新開了一個vue專案,從頭到尾都是一個人做的,所以就自己配置了一個axios.js檔案
第一種方法、使用axios需要下載安裝 npm install axios,下載完成之後在main.js中直接把axios掛載到vue的原型上即可(但是不推薦使用)
import axios from 'axios' 引入axios
Vue.prototype.$http = axios 掛載在原型上
原因:直接掛載在原型上可能會給vue的原型鏈產生汙染,且太粗暴;不符合vue的生態環境,且$http是自己取名的,不利於維護;
axios只是一個基於promist用於瀏覽器和node.js的http客戶端,他有以下的特徵
從瀏覽器中建立 XMLHttpRequest
從 node.js 發出 http 請求
支援 Promise API
攔截請求和響應
轉換請求和響應資料
取消請求
自動轉換JSON資料
客戶端支援防止CSRF/XSRF
第二種方法:vue-axios和axios配合使用,下載npm install --save axios vue-axios,同樣在main.js檔案中引入
import Vue from 'vue'; import axios from 'axios'; //引入axios import VueAxios from'vue-axios'; // 引入vue-axios Vue.use(VueAxios,axios); //使用