以下是一个使用Angular Universal从服务器中排除请求的示例代码:
import 'zone.js/dist/zone-node';
import 'reflect-metadata';
import { enableProdMode } from '@angular/core';
import * as express from 'express';
import { join } from 'path';
import { readFileSync } from 'fs';
// 启用生产模式(可选)
enableProdMode();
// 创建Express服务器
const app = express();
// 定义静态资源目录
const staticDistPath = join(process.cwd(), 'dist', 'your-app-name');
app.use(express.static(staticDistPath));
// 定义Angular Universal引导文件路径
const template = readFileSync(join(staticDistPath, 'index.html')).toString();
// 定义要排除的请求路径
const excludePaths = [
'/api', // 排除所有以/api开头的请求
'/assets', // 排除所有以/assets开头的请求
];
// 处理所有非排除路径的请求
app.get('*', (req, res) => {
const isExcluded = excludePaths.some(path => req.url.startsWith(path));
if (isExcluded) {
res.sendStatus(404); // 返回404状态码
} else {
res.send(template); // 返回Angular应用的HTML模板
}
});
// 启动服务器
const port = process.env.PORT || 4000;
app.listen(port, () => {
console.log(`Server listening on port ${port}`);
});
{
"scripts": {
"serve:ssr": "ts-node server.ts"
}
}
npm run serve:ssr
现在,服务器将排除所有以"/api"和"/assets"开头的请求,对于这些请求,服务器将返回404状态码。对于其他路径的请求,服务器将返回Angular应用的HTML模板,并通过Angular Universal进行服务器端渲染。