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  詳細介紹