mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 13:57:10 -04:00
76 lines
2.5 KiB
JavaScript
76 lines
2.5 KiB
JavaScript
// server.js
|
||
import fs from 'node:fs';
|
||
import path from 'node:path';
|
||
import { fileURLToPath } from 'node:url';
|
||
import express from 'express';
|
||
import { createServer as createViteServer } from 'vite';
|
||
|
||
const __filename = fileURLToPath(import.meta.url);
|
||
const __dirname = path.dirname(__filename);
|
||
// eslint-disable-next-line n/prefer-global/process
|
||
const isProd = process.env.NODE_ENV === 'production';
|
||
const resolve = p => path.resolve(__dirname, p);
|
||
|
||
async function startServer() {
|
||
const app = express();
|
||
// 创建Vite服务器实例
|
||
const vite = await createViteServer({
|
||
server: { middlewareMode: true },
|
||
});
|
||
|
||
// 使用Vite的中间件
|
||
app.use(vite.middlewares);
|
||
|
||
if (isProd) {
|
||
// 生产环境: 提供构建后的静态资源
|
||
app.use(express.static(resolve('dist/client'), { index: false }));
|
||
|
||
app.use('*', async (req, res) => {
|
||
let indexHtml = fs.readFileSync(resolve('dist/client/index.html'), 'utf-8');
|
||
indexHtml = await vite.transformIndexHtml(req.originalUrl, indexHtml);
|
||
res.status(200).set({ 'Content-Type': 'text/html' }).end(indexHtml);
|
||
});
|
||
}
|
||
else {
|
||
app.use('*', async (req, res) => {
|
||
try {
|
||
// 读取index.html文件
|
||
const indexProd = fs.readFileSync(path.resolve(__dirname, 'dist/client/index.html'), 'utf-8');
|
||
// 应用Vite HTML转换。重要:在生产环境中,这将由Vite自己处理。
|
||
const indexHtml = await vite.transformIndexHtml(req.originalUrl, indexProd);
|
||
|
||
// 加载服务器入口。vite.ssrLoadModule会自动转换ECS模块为CommonJS,可直接被Node.js导入
|
||
const { render } = await vite.ssrLoadModule('/src/entry-server.ts');
|
||
const {
|
||
app, router, pinia, i18n,
|
||
cssHtml,
|
||
appHtml,
|
||
} = await render(req, res);
|
||
|
||
// 设置服务器端路由位置
|
||
router.push(req.originalUrl);
|
||
// 等待路由准备就绪
|
||
await router.isReady();
|
||
|
||
// 注入应用内容到模板中
|
||
const html = indexHtml
|
||
.replace('<!--app-html-->', appHtml)
|
||
.replace('<!--app-css-->', cssHtml);
|
||
|
||
// 发送渲染后的HTML回客户端
|
||
res.status(200).set({ 'Content-Type': 'text/html' }).end(html);
|
||
}
|
||
catch (e) {
|
||
// 如果捕获到错误,则使用Vite修复堆栈追踪,并发送500错误
|
||
vite.ssrFixStacktrace(e);
|
||
console.error(e);
|
||
res.status(500).end(e.message);
|
||
}
|
||
});
|
||
}
|
||
app.listen(3000, '0.0.0.0', () => {
|
||
console.log('Server is running on http://localhost:3000');
|
||
});
|
||
}
|
||
|
||
startServer();
|