vue腳手架中使用axios

  雖然以前用過n次,但大多都是直接在頁面中引入axios.js的。今天想換種方式使用,一時間竟不知道怎麼配置了。特此記錄下。javascript

  一、npm 安裝axios,文件根目錄下安裝,指令以下:java

   npm install axios --save-devios

  二、在main.js中引入axios。 npm

import axios from 'axios'

  三、接着將axios改寫爲Vue的原型屬性axios

Vue.prototype.$http=axios

  四、全局配置baseURL(後面若是接口baseURL更改了,可直接修改這裏就能夠了)url

Vue.prototype.$http.defaults.baseURL = ''    //`baseURL` 將自動加在 `url` 前面,除非 `url` 是一個絕對 URL

  

  這樣以後就可在每一個組件的methods中調用$http命令完成數據請求spa

  

相關文章
相關標籤/搜索