要實現前后端交互，可以使用axios來發送HTTP請求和接收響應。

在前端，可以使用以下代碼來發送請求：

import axios from 'axios';

axios.get('/api/data')  // 發送GET請求
  .then(response => {
    console.log(response.data);  // 處理響應數據
  })
  .catch(error => {
    console.error(error);  // 處理錯誤
  });

axios.post('/api/data', { name: 'John', age: 25 })  // 發送POST請求
  .then(response => {
    console.log(response.data);  // 處理響應數據
  })
  .catch(error => {
    console.error(error);  // 處理錯誤
  });

在后端，可以使用以下代碼來處理請求并發送響應：

const express = require('express');
const app = express();

app.get('/api/data', (req, res) => {   // 處理GET請求
  res.send({ message: 'Hello World!' });  // 發送響應數據
});

app.post('/api/data', (req, res) => {   // 處理POST請求
  const { name, age } = req.body;  // 獲取請求體中的數據
  // 處理數據
  res.send({ message: `Hello ${name}, you are ${age} years old!` });  // 發送響應數據
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

以上代碼使用了Express框架來創建一個簡單的服務器。通過使用app.get和app.post方法來定義不同的路由，然后通過res.send方法發送響應數據。

在前端的axios請求中，請求的URL需要根據實際情況進行修改，以匹配后端服務器的路由設置。