node服务部署vue3（ssr）单页面应用上线_vue3 ssr如何部署

博主最新开发了vue3新版的单页面服务端渲染的博客，框架用的vue3框架，vite4构建，在部署上线的时候遇到了一些问题，现在分享给大家。避免踩坑

node环境搭建

node安装包下载

因为我的服务器系统是linux，所以选择linux版本的安装包下载，我用的是16的版本，如下图：

下载下来后上传到服务器

解压，并重命名为nodejs

tar zxvf node-v16.20.2-linux-x64.tar.gz  //解压
 
mv node-v16.20.2-linux-x64  nodejs // 重命名

 进入nodejs>bin目录，查看node和npm版本，如下图

将node和npm修改为全局

ln -s /usr/local/nodejs/bin/node /usr/local/bin  //修改node为全局
 
ln -s /usr/local/nodejs/bin/npm /usr/local/bin  // 修改npm为全局
 

结果如下的话，那你的node环境就搭建成功了哦。

安装pm2

PM2是常用的node进程管理工具，它可以提供node.js应用管理，如自动重载、性能监控、负载均衡等。同类工具有Supervisor、Forever等。

pm2是一个进程管理工具,可以用它来管理你的node进程，并查看node进程的状态，当然也支持性能监控，进程守护，负载均衡等功能。pm2基本是Nodejs应用程序不二的守护进程选择。

全局安装

npm install -g pm2

这样就安装成功啦，但是需要修改全局指向

ln -s /usr/local/nodejs/lib/node_modules/pm2/bin/pm2 /usr/local/bin

验证下哈，如果输入这样，那你就成功啦

因为我的ssr入口文件是entry-server.js，所以定义了pm2的启动脚本，服务不间断，大家可以根据自己的情况设置启动脚本。

运行npm  run pm2,效果如下

部署成功上线，YYDS！ 欢迎在评论区交流。

如果文章对你有所帮助，❤️关注+点赞❤️鼓励一下！博主会持续更新。。。。

我的博客：前端小阳仔