Vue前後端對接時判斷是否與後端連線成功

2021-09-27 21:45:35 字數 1846 閱讀 6920

可以通過向 axios 傳遞相關配置來建立請求,再根據axios接收的資料判斷是否連線成功。

進入vue專案,在main.js檔案中加入以下新增的**,可以在網頁重新整理的時候傳送請求,在控制台列印出相關的資料。

// the vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import vue from

'vue'

import router from

'./router'

import axios from

'axios'

// 引入 axios

import qs from

'qs'

// 使用工具qs來處理引數,處理傳送請求的引數,序列化字串

vue.config.productiontip =

false

/* eslint-disable no-new */

newvue()

// 提交資料

axios(,

transformrequest:

[function

(data)],

headers:

, datatype:

"json"})

.then

(res =>).

catch

(function

(error)

);

連線成功,axios接收的資料會被then處理,即可列印出 連線成功 和接收到的資料。

連線失敗,axios請求進入錯誤處理,catch會處理丟擲的錯誤資訊,即可列印出 連線失敗 和 相關的錯誤資訊。

可以通過向 axios 傳遞相關配置來建立請求,再根據axios接收的資料判斷是否連線成功。

進入vue專案,在main.js檔案中加入以下新增的**,可以在網頁重新整理的時候傳送請求,在控制台列印出相關的資料。

// the vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import vue from

'vue'

import router from

'./router'

import axios from

'axios'

// 引入 axios

import qs from

'qs'

// 使用工具qs來處理引數,處理傳送請求的引數,序列化字串

vue.config.productiontip =

false

/* eslint-disable no-new */

newvue()

// 提交資料

axios(,

transformrequest:

[function

(data)],

headers:

, datatype:

"json"})

.then

(res =>).

catch

(function

(error)

);

Vue 前後端對接時判斷是否與後端連線成功

可以通過向 axios 傳遞相關配置來建立請求,再根據axios接收的資料判斷是否連線成功。進入vue專案,在main.js檔案中加入以下新增的 可以在網頁重新整理的時候傳送請求,在控制台列印出相關的資料。the vue build version to load with the import c...

PHP YII與VUE前後端修改

終審員介面顯示四期款問題前後端修改實戰 賀右軍 2018 12 04 一 環境準備 後端 php yii 前端 vue 終審員介面顯示4期款問題 修改思路 1.1顯示 增加狀態 91,四期款 actionmlist 無修改,返回的status 給前端,對應狀態 這種前後分配邊界是比較失敗的,增加一種...

訂單中判斷課時是否購買前後端實現

判斷資料庫中是否存在已支付訂單 apiordercontroller 功能描述 判斷課程是否購買 param courseid 課時id param request http請求 return r 返回給前端的資料 author cakin date 2021 1 3 apioperation 判斷...