Vue路由及Node.js环境搭建

# 安装Vue CLI
npm install -g @vue/cli
 
# 创建一个新的Vue项目
vue create my-vue-project
 
# 进入项目目录
cd my-vue-project
 
# 添加Vue Router
vue add router
 
# 安装axios，用于发送HTTP请求
npm install axios
 
# 安装express.js，用于创建Node.js服务器
npm install express
 
# 创建一个简单的Node.js服务器
# 文件：server.js
const express = require('express');
const app = express();
const port = 3000;
 
app.get('/api/data', (req, res) => {
  const responseData = {
    message: 'Hello from the server!',
    data: [1, 2, 3]
  };
  res.json(responseData); // 返回JSON响应
});
 
app.listen(port, () => {
  console.log(`Server running on http://localhost:${port}`);
});
 
# 运行Node.js服务器
node server.js

这段代码展示了如何使用Vue CLI创建一个新的Vue项目，并为其添加Vue Router。同时，它还演示了如何安装和使用axios来发送HTTP请求，以及如何使用Express.js创建一个简单的Node.js服务器，并提供一个API端点。最后，它展示了如何启动Node.js服务器，并在控制台中输出服务器运行的URL。