1. 程式人生 > >vue中axios的使用

vue中axios的使用

新開了一個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);  //使用

 

傳送請求及配置攔截等在下一篇部落格中  https://www.cnblogs.com/m1754171640/p/13705952.html  詳細介紹 

&n