以下是一个基本的 Angular 应用示例,其中使用 Node.js 服务器提供应用,并且不需要使用外部的 JavaScript 脚本。
首先,确保已经安装了 Node.js 和 Angular CLI。
ng new my-app
cd my-app
server.js
的文件:const express = require('express');
const app = express();
const path = require('path');
// 静态文件路径
app.use(express.static(path.join(__dirname, 'dist/my-app')));
// 所有请求都返回 index.html
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'dist/my-app/index.html'));
});
// 启动服务器
app.listen(3000, () => {
console.log('服务器已启动,正在监听端口 3000...');
});
此服务器将在端口3000上运行,它将提供Angular应用的静态文件,并将所有请求都重定向到index.html
。
ng build --prod
该命令将构建 Angular 应用,并将生成的静态文件输出到 dist/my-app
目录下。
node server.js
该命令将启动 Node.js 服务器,并开始监听端口3000。
现在,您可以在浏览器中访问 http://localhost:3000
来查看您的 Angular 应用了。
请注意,上述示例中的服务器仅用于演示目的,可能需要根据实际需求进行修改和扩展。