VUE 4 配置axios發起請求

2022-08-14 06:48:10 字數 727 閱讀 6669

1. 前端請求後端介面進行資料互動的時候,需要配置axios

2. 匯入axios包, main.js

import axios from 'axios'
3. 掛載到原型配置上,便於所有的元件都可以訪問this.$http

// 掛載全域性物件

4. 設定axios 請求的根路徑

// 配置後端api介面路徑

axios.defaults.baseurl = ''

1. components -> form.vue , 對預驗證進行校驗,如果驗證不正確就跳出,如果正確,就通過axios請求token介面,並且傳入使用者名稱密碼

// 預驗證

validform() );

}

2. 結果驗證

3. 結果是promise , promise,通過async await(只使用者async非同步函式) 簡化promise操作

// 預驗證

vue 4 跳轉路由

1.router link標籤跳轉 關於使用者 2.使用 跳轉 飛走 3.動態路由,路由跳轉時,路由條目後跟動態引數 index.js中路由條目 使用時 增加需求 如想在跳轉使用者介面是,vue中拿到並顯示使用者名稱 user.vue模板中 注 this.router 表示獲取index.js中到處...

Vue之發起ajax請求

今天來看看前端框架vue怎麼發起ajax請求。我們都知道在jquery框架發起ajax請求很簡單,只需要 ajax即可發起http請求。其實vue也很簡單,不過需要用到外掛程式axios。官方有提供安裝,可以通過npm安裝 npm install axios s axios是乙個基於promise的...

vue 封裝axios請求

最近接手新的vue專案,發現axios竟然沒有封裝,立馬動手封裝,這裡記錄一下完整的封裝過程,廢話不說,直接上 baseconfig.js檔案 存放各個伺服器的位址 const express require express const proenv require pro.env 生產環境配置檔案...