Vue入門(八)—— 配置axios全局請求根路徑,並向後端發送請求

1.查看項目是否包含axios,如果沒有就安裝依賴,打開圖形界面工具,在“運行依賴”中搜索 axios 並安裝
安裝完畢後繼續
2.打開main.js完成三步:
(1)導包
(2)配置全局請求根路徑
(3)掛載到vue

// axios
import axios from 'axios'
// 配置請求根路徑
axios.defaults.baseURL = 'http://127.0.0.1:8888/finder/api'
// 掛載到vue
Vue.prototype.$http = axios

3.發送請求:

// 請求可以爲 get、put、post、delete,返回一個promise對象
this.$http.post('login', this.form)

// 可以採用await的方式接收返回參數
async login () {
  const res = await this.$http.post('login', this.form)
  console.log(res)
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章