axios本身是沒有同步請(qǐng)求的，要實(shí)現(xiàn)同步請(qǐng)求，用到的是ES7的async和await

ES7的異步特性async / await

async用于聲明一個(gè)函數(shù)是異步的，await用于聲明在一個(gè)異步函數(shù)中等待語(yǔ)句執(zhí)行完畢。也就是說await只能在async函數(shù)中使用。簡(jiǎn)單示例如下：

const fun1 = async function () {await axios.get('url) }

Vue中使用async / await實(shí)現(xiàn)同步請(qǐng)求

methods: {fun1: async function () {await axios.get('url)} }

注意事項(xiàng)
如果同步請(qǐng)求是封裝在其他函數(shù)中，那么每一個(gè)函數(shù)都需要做成異步函數(shù)，示例如下：
Vue調(diào)用的是fun3，但是因?yàn)橹虚g做了幾次判斷，最終在fun1中進(jìn)行請(qǐng)求，那么涉及到的每一個(gè)函數(shù)都需要異步化

methods: {fun1: async function () {await axios.get('url)},fun2: async function () {...await this.fun1()...},fun3: async function () {...await this.fun2()...}, }

總結(jié)

以上是生活随笔為你收集整理的Vue+Axios同步请求的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。