nuxt3项目服务端bulid后在本地浏览的3种方式(nuxi preview、Node.js Server、PM2)
在Nuxt 3项目中,可以通过以下三种方式在本地浏览器中预览构建后的应用程序:
- 使用
nuxi preview
命令:
nuxi preview
- 使用Node.js创建一个简单的HTTP服务器来提供构建输出:
// server.js
const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, './dist')));
app.listen(3000, () => {
console.log('Server listening on http://localhost:3000');
});
运行此服务器:
node server.js
- 使用PM2来保持Node.js服务器进程运行,即使终端关闭也不会停止:
首先,安装PM2:
npm install pm2 -g
然后,使用PM2启动你的服务器:
pm2 start server.js
以上命令假设你已经有一个server.js
文件,它配置了一个Node.js服务器来提供./dist
目录下的构建文件。如果你使用的是默认端口3000,你可以通过http://localhost:3000
在浏览器中访问你的Nuxt 3应用程序。
评论已关闭