企业网站优化做法,品质好房,wordpress顶部通知栏,上海中学排名项目打包
我们以 Nuxt3 项目为例子#xff1a;
项目打包
执行 npm run build #xff0c; 生成的 .output 文件夹就是部署产物#xff08;目前不支持中文路径#xff09;执行 npm run preview 可以本地预览效果
方式一#xff1a;使用 Node 部署
需要服务器安装 Nod…项目打包
我们以 Nuxt3 项目为例子
项目打包
执行 npm run build 生成的 .output 文件夹就是部署产物目前不支持中文路径执行 npm run preview 可以本地预览效果
方式一使用 Node 部署
需要服务器安装 Node 环境
systemctl install nodejs
systemctl install npm # 安装npm是为后面安装库做准备运行node .output/server/index.mjs指定端口PORT8888 node .output/server/index.mjsPORT是动态添加的环境变量
如果你要管理 Node 版本可以安装 n 工具
npm install –g n
n --version # 查看版本方式二使用 PM2 部署推荐
认识PM2Process Manager
PM2是一个守护进程管理器, 它将帮助管理和保持你的在线应用程序。
更简单的理解负责管理Node、Python等程序并能让程序一直保持在后台运行。
安装PM2
npm install –g pm2PM2 常用命令和配置文件 将打包后的文件上传到服务器 生成 pm2 配置文件
pm2 init simple #自动生成 ecosystem 配置文件然后修改配置内容主要是 SSR 服务器脚本启动路径
module.exports {apps : [{name : Nuxt3AppTest,exec_mode:cluster,instances:max,script : ./.output/server/index.mjs}]
}启动应用
pm2 start ecosystem.config.js # 启动应用因为 Nuxt3 默认的端口号 3000所以需要我们配置服务器的端口安全组我以阿里云控制台为例子 然后输入你的 IP 3000端口就可以访问了~记得要配置上面服务器可访问3000端口安全组否则可采用 Nginx 做代理也可以 参考资料
Nuxt.jsVue SSR创建项目到服务器NginxPM2部署详细流程
