在現代Web應用開發中，后端交互一直都是一個重要的話題。Vue.js框架可以幫助我們建立一個單頁面應用程序(SPA)，但SPA是如何與后端服務器進行交互的呢？

首先需要了解的是Vue.js是一個客戶端框架，即大部分的代碼都是在瀏覽器端運行的。因此，Vue.js通過Ajax請求獲取數據并更新UI。而在服務器端，我們需要一個API來返回對應的json數據。

// post請求示例
axios.post('/api/users', {"name": "John", "age": "32"})
.then(response =>console.log(response.data))
.catch(error =>console.log(error));

Axios是Vue.js推薦的異步請求庫，可以方便地處理請求和響應。在上面的示例中，通過Axios發送了一個POST請求，將一個包含name和age的JavaScript對象作為請求的正文發送到服務器，當服務器成功響應時，將JSON響應的數據打印到控制臺。

在服務器端，我們需要一個REST API來處理這個請求。REST即Representational State Transfer，是一種面向資源的設計原則，通過HTTP協議對資源進行增刪改查操作。在Node.js中，我們可以使用Express框架來為每個API路由設置處理程序，這些處理程序將接受來自Axios的請求并返回對應的響應。

// 用Express框架處理POST請求示例
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
app.post('/api/users', (req, res) =>{
const name = req.body.name;
const age = req.body.age;
// 將用戶數據存儲在數據庫中
console.log('User added: ' + name + ' ' + age);
res.send('Success');
});
app.listen(3000, () =>console.log('Server started at port 3000'));

上面的代碼展示了如何在Express中為POST /api/users路由設置處理程序，這個路由將接受JSON請求并在控制臺中打印名字和年齡，然后發送一個帶有Success消息的響應。這個示例還使用了body-parser中間件，它允許我們將請求正文作為JSON對象訪問，而不是原始字符串。

通過這種方式，Vue.js作為客戶端可以與后端服務器進行交互。Vue.js可以通過Axios或其他類似庫進行請求，向服務器發送數據，并將響應的JSON數據更新到UI。而后端服務器可以使用Express或其他框架為每個API路由設置處理程序，并訪問數據存儲器，如MongoDB或MySQL等數據庫，處理請求并返回響應。