上一篇
Nuxt3项目部署全攻略（手把手教你在PHPStudy Mac版运行Node-Server模式）
在现代前端开发中，Nuxt3 凭借其卓越的 SSR（服务端渲染）能力深受开发者喜爱。很多使用 Mac 的开发者习惯使用 PHPStudy 来管理本地环境。本文将详细讲解如何利用 PHPStudy Mac版 进行 Nuxt3项目部署，并配置高效的 Node-Server模式。通过本篇 网站搭建教程，即使是零基础的小白也能轻松上手。
本文核心关键词： Nuxt3项目部署、PHPStudy Mac版、Node-Server模式、网站搭建教程
一、环境准备与项目打包
首先，确保你的 Mac 已经安装了 Node.js 环境（建议版本 18.x 及以上）以及最新版的 PHPStudy。在项目根目录下执行以下命令进行生产环境打包：
npm run build
执行完成后，项目中会生成一个名为 .output 的文件夹。这就是我们部署时需要用到的核心文件，其中包含了运行 Node-Server 所需的所有资源。
二、PHPStudy 站点配置
虽然 PHPStudy 主要用于 PHP 环境，但我们可以利用其 Nginx 服务的反向代理功能来转发 Node.js 服务的端口。
- 打开 PHPStudy，在“网站”栏目点击“创建网站”。
- 域名填写你自定义的地址（例如：
nuxt.local）。 - 根目录选择你刚才生成的
.output/public目录。 - 在“设置”中选择“配置文件”，找到 Nginx 配置文件。
在 location / 模块中，添加以下反向代理配置，将请求转发到 Nuxt 默认的 3000 端口：
proxy_pass http://127.0.0.1:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
三、启动 Node-Server 模式
进入到 .output/server 目录，打开终端执行以下命令启动服务：
node index.mjs
为了保证服务在后台持续运行，建议安装 PM2。执行 pm2 start index.mjs --name "nuxt-app"，这样即便关闭终端，你的 Nuxt3 项目依然会保持运行。
四、访问与验证
最后，在浏览器输入你刚才在 PHPStudy 设置的域名（如 http://nuxt.local），如果看到你的项目首页，说明 Nuxt3项目部署 已经成功完成！
总结：通过 PHPStudy Mac版 配合 Node-Server 模式，我们可以利用 Nginx 的稳定性来驱动 Nuxt3 的高性能渲染，是本地调试和小型站点搭建的理想选择。
本文由主机测评网于2026-04-06发表在主机测评网_免费VPS_免费云服务器_免费独立服务器，如有疑问，请联系我们。
本文链接：https://www.vpshk.cn/20260434213.html
