在Vue中如何使用Express路由

要在Vue中使用Express路由，你需要在Vue项目中安装axios。使用axios可以在Vue中向Express服务器发送HTTP请求。

首先，在Vue项目的根目录中安装axios：

npm install axios --save

接下来，在Vue组件中使用axios发送HTTP请求。例如，在组件的created钩子函数中，你可以使用axios向Express服务器发送GET请求：

import axios from 'axios'

export default {
  name: 'MyComponent',
  created() {
    axios.get('http://localhost:3000/api/my-route')
      .then(response => {
        console.log(response.data)
      })
      .catch(error => {
        console.log(error)
      })
  }
}

在上面的代码中，我们向Express服务器发送了一个GET请求，URL为http://localhost:3000/api/my-route。如果服务器正确响应请求，我们将在控制台上看到响应数据。

接下来，在Express服务器中设置路由。例如，我们可以在服务器的app.js文件中设置路由：

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

app.get('/api/my-route', (req, res) => {
  res.send('Hello from Express!')
})

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

在上面的代码中，我们定义了一个GET路由，当浏览器请求http://localhost:3000/api/my-route时，服务器将响应一个字符串"Hello from Express!"。

通过这种方式，你可以在Vue中使用Express路由。