要使用独立的后端服务器来运行Angular应用程序,可以按照以下步骤操作:
npm install -g @angular/cli
ng new my-app
cd my-app
ng serve
现在,Angular应用程序将在默认端口(通常是4200)上启动,并使用内置的开发服务器。
要使用独立的后端服务器,可以按照以下步骤操作:
server
的新文件夹,并进入该文件夹:mkdir server
cd server
server
文件夹中创建一个新文件,命名为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'));
});
// 后端服务器监听的端口号
const port = process.env.PORT || 3000;
// 启动后端服务器
app.listen(port, () => {
console.log(`Server running on port ${port}`);
});
此代码会将所有静态资源请求重定向到Angular应用程序的打包文件,并将所有其他路由重定向到index.html
文件。
npm install express path --save
ng build --prod
server
文件夹,并在终端中使用以下命令启动后端服务器:node server.js
现在,Angular应用程序将在独立的后端服务器上运行,并且可以通过指定的端口(默认为3000)访问。