Vue.js 是一款流行的前端框架，可以快速地構建用戶界面，而 Axios 則是一款常用的 HTTP 請求庫，可以方便地與后端進行交互。同時，SpringMVC 是一款常用的后端框架，可以支持 RESTful 架構風格。在使用 Vue.js 框架搭建前端頁面時，使用 Axios 請求數據，并與后端 SpringMVC 進行數據交互是常見的選項，本文介紹了其基本用法。

首先，在 Vue.js 中安裝 Axios：

npm install axios --save

安裝完成后，可以在 Vue 構造函數（new Vue()）中，通過引用 Axios 將其綁定到 $http 對象上。如下所示：

import Vue from 'vue'
import Axios from 'axios'
Vue.prototype.$http = Axios

接著，可以通過在 Vue 組件中使用 Axios 發送請求，并將數據渲染到頁面上。例如，在 mounted 鉤子函數中獲取服務器數據，并將其保存在組件的 data 對象中，例如：

export default {
data() {
return {
message: ''
}
},
mounted() {
this.$http.get('/api/message').then(response =>{
this.message = response.data
})
}
}

在上述代碼中，使用 Axios 發送 GET 請求，接收到服務器返回的數據后，將其賦值給 Vue 組件的 data 屬性，從而實現視圖的更新。

最后，后端 SpringMVC 整合 Axios 的具體實現如下所示：

@RestController
@RequestMapping("/api")
public class ApiController {
@GetMapping("/message")
public String getMessage() {
return "Hello World";
}
}

上述代碼中，@RestController 與 @RequestMapping 注解用于標記控制器類和請求路徑，而 @GetMapping 注解則用于標記該方法的請求方式為 GET。從而實現了 Axios 與后端 SpringMVC 的整合。