前期准备
你需要安装Node.js,安装完成之后,你就可以使用npm来安装Vue CLI和Express。
npm install -g @vue/cli npm install express --save
创建项目
你需要创建一个Vue项目,使用Vue CLI来创建,运行以下命令:
vue create my-project
这将创建一个名为my-project的新项目,并在其中安装所有必要的依赖项。
安装Express
你可以使用npm安装Express,运行以下命令:
npm install express --save
这将安装Express,并将其作为项目的依赖项。
创建服务器文件
你需要创建一个文件,用于创建服务器,这个文件将被称为server.js。在这个文件中,你需要定义一个端口号,并使用Express来创建一个服务器,运行以下代码:
const express = require('express'); const port = 3000; const app = express(); app.listen(port, () => { console.log(`Server is running on port ${port}`); });
这将在端口号3000上创建一个服务器,并在控制台中打印一条消息,表明服务器已经启动。
创建路由
你需要创建一些路由,用于处理客户端的请求。你可以使用Express的路由功能来创建路由,运行以下代码:
app.get('/', (req, res) => { res.send('Hello World!'); });
这将创建一个根路由,当客户端发出GET请求时,它将返回一条消息“Hello World!”。
启动服务器
你可以使用Node.js来启动服务器,运行以下命令:
node server.js
这将启动服务器,并在控制台中打印一条消息,表明服务器已经启动。
以上就是如何使用Vue/Vue CLI + Express来搭建SSR的步骤,它包括安装Node.js,安装Vue CLI,安装Express,创建服务器文件,创建路由和启动服务器。